PageSpeed Insightsのスコアを全て100にしました

Fri, September 6, 2024 - 2 min read

本サイトのPageSpeed Insightsのスコアを全て100にした話をご紹介します。

背景 PageSpeed Insightsのスコアを全て100にしたい

最近、本業でPageSpeed Insightsを眺める時間が増えました。その中で、自分のサイトのスコアが気になり、あと少しで全てスコアを100にできそうだったので、改善を行いました。

PageSpeed Insightsの「ユーザー補助」のスコアを100にする

改善前

Mobile

Mobile - 2024/09/06 23:18:50 に作成したレポート - PageSpeed Insights

Mobile - 2024/09/06 23:18:50 に作成したレポート - PageSpeed Insights

Desktop

Desktop - 2024/09/06 23:18:50 に作成したレポート - PageSpeed Insights

Desktop - 2024/09/06 23:18:50 に作成したレポート - PageSpeed Insights

アクセシビリティのスコアを以下の記事を参考にariaLabelを付ける改善しました。

Links must have discernible text | Axe Rules | Deque University | Deque Systems

改善後

Mobile 💯

Mobile - 2024/09/06 23:46:59 に作成したレポート - PageSpeed Insights

Mobile - 2024/09/06 23:46:59 に作成したレポート - PageSpeed Insights

Desktop 💯

Desktop - 2024/09/06 23:46:59 に作成したレポート - PageSpeed Insights

Desktop - 2024/09/06 23:46:59 に作成したレポート - PageSpeed Insights

以上、PageSpeed Insightsのスコアを全て100にした、現場からお送りしました。