- LCP（Largest Contentful Paint）の数値を改善できないか、「Render Delay」に注目してみました。
- 使っていないアイコンフォントを軽量化したら、少し改善しました。
| 項目 | 前 | 後 |
|---|---|---|
| Largest Contentful Paint | 2,900 ms | 1,760 ms |
| Render Delay | 2,250 ms | 1,020 ms |
Largest Contentful Paint の Render Delay が大きい気がする
「Largest Contentful Paint」に 2.9秒かかっています。
「最大コンテンツの描画」要素から内訳を見てみると、「Render Delay」が 2,250 ms ということで大半を占めています。
少し改善できた
「jQueryのCDNの変更」と「FontAwesomeの軽量化」をしてみました。
WordPressの jQuery を jsDelivr に変えてみたけれど（CDNとパフォーマンス）
WordPressのjQueryの読込みを高速化するために、CDNの jsDeliver に変更してみました。 しかし、結果としては ほとんど違いは出てきませんでした。 WordPressデフォルトのGoogle Cloud CDN 自体が...
chiilabo.com
サイト高速化のため FontAwesome 5 を 4 に戻した [WordPress, Cocoon]
サイト表示の負荷を減らすために、FontAwesome 5 から 4 に変更しました。 CSSで一部で FontAwesome 5のアイコンフォントを利用していたので、FontAwesome 4 に変えました。 Largest Conten...
chiilabo.com
とくに、「FontAwesomeの軽量化」は効果があって、少し改善されました。
「Render Delay」が 1,020 ms になり、「Largest Contentful Paint」も 1.8秒に改善しました。
今後は、CSSが肥大化しているので、トップページの表示に関係ないスタイルを遅延読込みしたいと思います。
こちらもどうぞ。
[Cocoon] LiteSpeed Cacheを改めて使ってみる
PageSpeed Insightsをみると、あとは「サーバーの応答時間」を改善するぐらいです。 以前、サーバーキャッシュを設定したら、更新が反映されなかったり、ページ内のランダム要素が固定化したり、とかえって困ることがありました。 改めて...
chiilabo.com
[WordPress] サイト高速化のために不要なプラグイン処理を減らした（Plugin Load Filter, Site Kit by Google）
ページ表示速度を改善するため、Plugin Load Filterプラグインでトップページの Site Kit などを無効化した。 PageSpeed Insights のパフォーマンスが「54」から「70」に改善できた。（「使用していない...
chiilabo.com
QRコードを読み込むと、関連記事を確認できます。
