GoogleのPageSpeed Insights を使用し、対策をさせて頂きました。
PageSpeed Insights 対策前後比較レポート
概要: 2026年4月24日の21:05から21:33にかけて実施された対策により、パフォーマンススコアが 79 から 96 へ大幅に向上
Overall Score Trends
| 診断項目 | 対策前 (21:05) | 対策後 (21:33) | 変化 |
|---|---|---|---|
| パフォーマンス | 79 | 96 | +17 |
| ユーザー補助 | 100 | 100 | 維持 |
| おすすめの方法 | 100 | 100 | 維持 |
| SEO | 100 | 100 | 維持 |
Core Performance Metrics
| 指標 | 対策前 | 対策後 | 改善内容 |
|---|---|---|---|
| First Contentful Paint (FCP) | 2.5秒 | 0.8秒 | -1.7秒 |
| Largest Contentful Paint (LCP) | 4.3秒 | 2.7秒 | -1.6秒 |
| Speed Index | 5.1秒 | 1.7秒 | -3.4秒 |
| Total Blocking Time (TBT) | 50ミリ秒 | 30ミリ秒 | -20ミリ秒 |
| Cumulative Layout Shift (CLS) | 0 | 0.057 | +0.057 |
Key Improvement Points
- 画像配信の効率化: 対策前は画像の配信最適化により 200 KiB の削減が可能とされていましたが、対策後には推定削減サイズが 14 KiB まで減少しており、画像最適化が大きく進捗しました。
- レンダリングブロックの解消: 対策前には
style.cssが 170ms の遅延を引き起こしていましたが、 全体的なクリティカルリクエストチェーンの最大待ち時間が 1,368ms から 973ms に短縮されました。 - 初期表示速度の劇的向上: FCPが 2.5秒から 0.8秒へ、Speed Indexが 5.1秒から 1.7秒へと大幅に短縮され、
ユーザーがページの内容を視認できるまでの時間が格段に早まりま した。
Future Challenges
- CLSの微増: 以前は 0 でしたが、対策後に 0.057 とわずかに増加しています。画像要素に
widthとheiを明示的に指定することで、さらなる改善が可能です。ght - サードパーティ製スクリプト: Google Tag Manager 等の使用していない JavaScript の削減（約 63 KiB）が依然として診断項目に挙げられています。
コメント
コメントを投稿