Bloggerの記事のプレビューを爆速にするカスタマイズ
コメントフォーム用 iframe の生成を読者による操作の後に行うようにすれば、プレビュー画面といわず常に高速にページを表示することだってできます。
を実施しました。2015.5.22
Blogger のプレビュー画面の判定法
前回のカスタマイズで著しく高速化・軽量化した My Blogger をさらに高速&軽量にしてみます。
僕は Blogger の記事の執筆を Web エディタの HTML モードで行っているため、所以、プレビューと編集画面を何度も行き来しています。
そんな折に気付いたのですが、このプレビュー画面は data:blog.url == data:blog.homepageUrl
でありながら、アイテムページである、という特殊なフラグが立っているのです。
カスタマイズに慣れている方ならご存知の通り通常であれば data:blog.url == data:blog.homepageUrl
はインデックスページになります。
このフラグによって現在がプレビューページだということが検出できるので、プレビューに不要なウィジェットを削除してしまえば、プレビュー画面を高速に表示することが出来ます。
そこで今回はコメントフォームを削除しました。該当部分のテンプレートは次になります。
<!-- preview でコメントフォームを表示しない -->
<b:if cond='data:blog.pageType == "item" and data:blog.url != data:blog.homepageUrl'>
<b:include data='post' name='comment-form'/>
</b:if>
そうそう、いつの間にか条件式に and と or が使えるようになっていました。このおかげで若干テンプレートが簡潔に書けるようになりました、ありがたいですね。
コメントフォームを削って転送量の測定
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWwRV9B8GPbBMV7zoaWejVcM96hNIRs9DIozi55NYLvT0JOxjVlaVlkx5D7FET1hB1bdPJpxF7Em6COnV_V3a19R9Nq7jZO1PH1wOSyPGdvDynHtTKcY15F_mK3P2RAH-L-AaT4rcAENc/s200/no_comment_form.png)
この状態で転送量を見てみますと僅かに 24.9KB, 7 リクエスト。これは個人ホームページ時代の簡素な Web ページを見ているようです。
一方で一旦記事を公開しコメントフォームを読み込んだ状態では、66.7KB, 13 リクエストとコメントフォームが大きな割合を占めていることが分かります。
今回のカスタマイズによって、無駄なリクエストを無くして高速に投稿のプレビューができるようになりました。
さらに、コメントフォーム用 iframe の生成を読者による操作の後に行うようにすれば、プレビュー画面といわず常に高速にページを表示することだってできます。
ともかくもこのカスタマイズを活用すれば、通信料に上限があったり低速なネットワーク環境での Blogger の運用性が向上しますね!