Performance 改善

[chaspy]

Google Page Speed Insight の結果
https://developers.google.com/speed/pagespeed/insights/

mobile

desktop

mobile が渋い。

[chaspy]

mobile の opportunities

[chaspy]

Netlify での Assets Optimization

無効になってたので有効にした

Before

After

custom.css と dark.css はサイズ小さくなった。（Time 伸びとるが。。。）フォントがかなり軽くなった。

[chaspy]

Netlify CDN

初回アクセス時にキャッシュが効いてない気がする。

Netlify は Default で CDN が使われているが、日本の エッジは Enterprise Plan でしか使えないらしく、一番近いのはシンガポールのようだ。
速度を考えると別の CDN を使うとか考えたほうがいいが、今のところ Netlify の恩恵を受けたいので、キャッシュ設定を見直す。

https://dev.classmethod.jp/articles/learn-modern-browser-caching-strategy-from-netlify/

キャッシュはしてるけど、etag の検証走って変更なければ 304 で client 側から使える。
うーん。js とかは max-age 1年とかでいいと思うんだけどなあ。

[chaspy]

Netlify の cache-control header 含む header のカスタマイズができるのでやってみてもいいかもしれない。
https://docs.netlify.com/routing/headers/#syntax-for-the-headers-file
Deploy 時に cache clear はできるので基本普段はキャッシュしといていいんではないか。

[chaspy]

Hugo の Fingerprinting でいい感じにできそうである。
https://kamoqq.info/post/hugo-asset-fingerprinting/