経緯

はてなブログ、Markdownで書けるから好きなんだけど、表示が遅い。自分が使っているテンプレートのせいかもしれないけど、もっと早く表示できても良いと思う。

というわけで、調査して、改善できそうなところは改善してみました。

結果

表示完了までに、読み込んでいるファイル数が多くしかもサイズが大きい以下が、無対策時のトップページを表示する際に読み込むファイル数とサイズです。1.95MB 重い！ 、116ファイル 多い！ f:id:dogwood008:20151024132248p:plain

ちょっとだけ早くなりました。本当はもっと早くしたかったけど、後述の原因でできず。 f:id:dogwood008:20151024134507p:plain

はてなブックマーク、Facebook、Twitterへの投稿ボタンを削除しました。結果は、1.3秒高速化、約500KB軽量化、読み込みファイルは27個減少とまずまずの結果。 f:id:dogwood008:20151024134507p:plain

これ、はてなブログを使っているのにこのボタンを消すの最高にcoolだと思うんですが、断腸の思いで削除。

結果はSNS投稿ボタンの削除からの差分です。読み込み時間、ファイルサイズほぼ変わらず、読み込みファイル数が20減る、という結果になりました。

よくわからん。測定ツール側でキャッシュされた？なさそうだけどなぁ。または、はてなスターのJSは非同期読み込みされている？ f:id:dogwood008:20151024135717p:plain

テンプレートにも依ると思うんですが、はてなブログで提供されるJSとCSSって圧縮されていないものがあるんですよね。以下のものとか。

他にも、Reactのライブラリはコンパイル版ではないものがインポートされるようになっている。自分で書き換えられれば良いんですが、それを敢えてさせない仕組みになっているのも不満です。

また、それらの外部ファイルが同期的に読み込まれるので、Googleに「テメーのWebサイトおせーぞ」と言われています。

f:id:dogwood008:20151024165943p:plain

本当は直したいんですが、できないものは仕方ない。中の人 🙏

テンプレ作成者の意図通りWebページを見せるなら必要だけど、速度を犠牲にしてまで再現する必要はないかな…というのが正直な感想です。

1回読み込めばキャッシュされるし、それはgoogleのCDNとか使ってれば他のサイトで見たときもキャッシュがヒットして良いんですが、その最初の1回重たいのすらも正直要らないかな…という感想。