PageSpeed Insights

実験

PageSpeed Insights で携帯パフォーマンススコアを満点 (100) にした

実験として PageSpeed Insights の携帯(スマホ)パフォーマンスを満点 (100) になるまでチューニングしたので、その作業内容について記事にしてみました。主に LCP と TBT について改善しています。少しでもパフォーマンスチューニングの参考になれば幸いです。
NEXT.js

Next.js の Local Fonts は高パフォーマンス

Next.js で作成したフロントアプリに、Local Fonts を適用することで携帯のパフォーマンス問題を解決した経緯を記事にしています。PageSpeed Insights で スコア 70台から 100 になりました。
Cloud

WordPress に LiteSpeed Cache を利用して高速化を実現

WordPress に LiteSpeed Cache プラグインを導入して、サイトの高速化を実現しました。その手順などをまとめた記事です。PageSpeed Insights のパフォーマンススコアは満点に近いものになりました。