I would like to share the story of achieving perfect 100 scores on all PageSpeed Insights metrics for this website.

背景　PageSpeed Insightsのスコアを全て100にしたい / Background: Want to Achieve Perfect 100 Scores on All PageSpeed Insights Metrics

Recently, I’ve been spending more time looking at PageSpeed Insights in my main work. During this time, I became curious about my own site’s scores, and since I was close to achieving perfect 100 scores on all metrics, I decided to make improvements.

PageSpeed Insightsの「ユーザー補助」のスコアを100にする / Achieving a Perfect 100 Score on PageSpeed Insights “Accessibility”

改善前 / Before Improvements

Mobile

Mobile - Report created on 2024/09/06 23:18:50 - PageSpeed Insights

Desktop

Desktop - Report created on 2024/09/06 23:18:50 - PageSpeed Insights

a11yの改善 - Links must have discernible text / Accessibility Improvement - Links must have discernible text

I improved the accessibility score by adding ariaLabel attributes, referencing the following article.

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

改善後 / After Improvements

Mobile 💯

Mobile - Report created on 2024/09/06 23:46:59 - PageSpeed Insights

Desktop 💯

Desktop - Report created on 2024/09/06 23:46:59 - PageSpeed Insights

That’s all from the Gemba, where I achieved perfect 100 scores on all PageSpeed Insights metrics.