PageSpeed Insights/サイトのスピードチェック(測定ツール)して改善したメモ


2022年08月06日


サイトのスピードチェック(測定ツール)して改善したメモ

PageSpeed Insights
https://pagespeed.web.dev/

Web Vitals
https://web.dev/vitals/

概ね下記の3項目で対応で、改善される。

(1)

Squoosh:次世代画像フォーマット画像変換

https://squoosh.app/

(2)

 「オフスクリーン画像の遅延読み込み」への対策
https://www.rectus.co.jp/archives/358

(3)

クリティカル リクエスト チェーンの回避

css は 軽量化=Minify処理する。

js は 読み込み時に defer の設定を行う。

https://csscompressor.net/ja/

https://www.toptal.com/developers/javascript-minifier

https://techacademy.jp/magazine/25636

重要ではないCSSを読み込み遅らせる。

https://qiita.com/memolog/items/a8fb8b39b840adca4d89

 

 


Archive