2020年6月13日土曜日 2021年8月11日水曜日 Blogger

Bloggerの読み込み速度向上（3）とカスタマイズ

速度の向上と、カスタマイズについて。b:whitespaceタグの使い方も。

以前はデフォルトのCSSとJavaScriptの読み込みを防ぐために、やや面倒な工夫が必要でした。しかし、偶然見つけたこちらのStack Overflowの回答によればそういった工夫はいらなくなっています。

<html b:css='false' b:js='false' ...>

以前のコメントアウトさせる手法ではソースを表示すると分かりますが、余計なデータが含まれていました。この方法では一切読み込まれません。

`b:whitespace`タグの使い方

b:loopタグでループしてラベル一覧やアーカイブのカレンダーを表示するときなど、HTMLに余分な改行/空白が入ってしまう場合に以下のようにすると削除できます。キレイなソースにしたい場合に有用です。

<li>
<b:attr name='b:whitespace' value='remove'/>
<a href="#">Link</a>
</li>

出力はこう

<li><a href="#">Link</a></li>

BloggerのXMLの可読性も保ったまま、整ったHTMLを出力できます。

こちらのようにb:attrを使わず直接b:whitespaceを使おうとすると上手く動きませんでした。

数値はモバイル/デスクトップ

Performance	Accessibility	Best Practice	SEO
70/93	95/95	93/93	92/90