PageSpeed Insightsでいい点が取れたので記念に。


1. PageSpeed Insightsとは？

まず、PageSpeed Insights（PSI）は 「Webページのユーザー体験を数値化」 するツールです。単に「ページが速いかどうか」だけでなく、 実際のユーザーがどう感じるか に基づいた評価がされます。
特に 「Core Web Vitals」（LCP、FID、CLS）は、ユーザーのストレスを減らすための重要指標です。

2. なぜPageSpeed Insightsのスコアを上げるべきか？

① ユーザーは「速さ」を求めている
デザイン思考では、 「ユーザーが本当に求めているものは何か？」 を考えます。ユーザーは情報を得るためにWebページを開くのであって、 「ページの読み込みを待つ」 ために開くわけではありません。

データで見る「速さ」とビジネスの関係
・読み込みが1秒遅れると 直帰率が32%増加（Google調査）
・モバイルページの読み込みが1秒改善すると コンバージョン率が最大20%向上（Akamai調査）
このデータが示すのは、 「ページの遅さ＝ビジネス機会の損失」 であることです。

② SEOとブランド価値の向上
Googleは ページ速度をランキング要因 として採用しています。つまり、PSIスコアが低いと 検索順位が下がる可能性があるのです。さらに、 遅いサイトは「使いにくいブランド」として認識される リスクがあります。デザイン思考では「ブランド体験」を重視しますが、 読み込みが遅いサイトは、企業の印象を悪くする ことにつながるのです。

3. PageSpeed Insightsで高得点を取るためのポイント

デザイン思考的に考えると、「技術的な高速化」ではなく「ユーザー体験を向上させる高速化」を目指すべきです。

① 画像の最適化（見た目を損なわず軽量化）
WebP / AVIF 形式を使う（従来のJPEG / PNGより最大80%軽量）
遅延読み込み（Lazy Load）を活用し、スクロールするまで画像を読み込まない
デザイン思考の視点
◯「美しさを維持しながら、無駄なデータを削る」 のがポイント。

② 不要なリソースを削減（本当に必要な要素だけを残す）
使っていないJavaScriptやCSSを削除
サーバー側で圧縮（Gzip / Brotli）を有効化
デザイン思考の視点
◯「ミニマルデザインの考え方」 に近い。ユーザーが本当に必要な要素だけを残し、余計なものはそぎ落とす。

③ サーバーの最適化（ビジネスの成長に備える）
キャッシュを活用し、同じデータを何度も読み込まない
CDN（Content Delivery Network）を使い、世界中どこでも速く表示
デザイン思考の視点
◯「拡張性を考える」。将来の成長を見据え、ユーザー増加に耐えられる設計にする。

④ レンダリングブロックの回避（ユーザーが最初に見る部分を優先）
重要なCSSはインライン化し、すぐ表示されるようにする
JavaScriptの読み込みを遅らせ、最初にページの主要部分を表示
デザイン思考の視点
◯「ファーストビュー体験を最適化」 することで、ユーザーのストレスを減らす。

4. まとめ：デザイン思考で考えるPageSpeed Insights

・Webの速さは、ユーザー体験そのもの
・遅いサイトは「機会損失」につながる
・「速さ × 見やすさ × 使いやすさ」が重要
PSIのスコア向上は、単なる技術的な最適化ではなく、「ユーザーにとって最高の体験を提供するため」なのです。

「美しく、速く、使いやすい」サイトを目指して、PageSpeed Insightsで試行錯誤してみてはいかがでしょうか。