Webサイトの表示速度は、読者体験と検索エンジン評価の双方に影響する重要な指標です。本記事は、PageSpeed Insightsのスコア改善を目指し、プラグイン選定からツールの導入、そして最終的にサイトの根幹にまで手を入れることになった、一連の最適化プロセスの全記録です。もしあなたが様々な施策を試してもスコアが頭打ちになっているなら、この試行錯誤の記録が次の一歩のヒントになるかもしれません。
第1段階：プラグインとツールの最適化
最初に取ったアプローチは、多くの人が通る道筋と同じく、プラグインと外部ツールの選定でした。
1-1. プラグイン構成の見直し
当初は、画像最適化の「ShortPixel」、コード最適化の「Autoptimize Pro」、キャッシュの「LiteSpeed Cache」という、各分野で評価の高いプラグインを組み合わせる計画でした。しかし、複数のプラグインが互いに干渉するリスクや、設定が複雑化することによる管理コストの高さを懸念し、この計画は再検討に至りました。
最終的に、キャッシュ、コード最適化などサイト全体の最適化は、サーバーと一体で開発されている「LiteSpeed Cache」に一本化する方針を選択しました。
1-2. 画像最適化手法の再定義
次に、コンテンツの品質に直結する画像最適化について深掘りしました。プラグインによる自動圧縮は手軽ですが、画像の品質を一枚一枚確認しながら最適化したいという考えから、ブラウザベースのツール「Squoosh.app」を手動で利用するフローを選択しました。
この「LiteSpeed Cache + Squoosh」という構成は、管理がシンプルで、かつ品質もコントロールできる、論理的な最適解の一つに思えました。しかし、これだけの施策を行っても、PageSpeed Insightsのスコアは期待した水準には達しませんでした。
第2段階：サイトの土台である「テーマ」の変更
プラグインやツールの最適化だけでは、越えられない壁が存在することに気づきました。そこで次に疑いの目を向けたのが、サイトの構造全体を司るWordPressテーマそのものです。
2-1. AFFINGER6からSWELLへ
当サイトでは、多機能で知られる「AFFINGER6」を利用していました。しかし、パフォーマンスの観点から、表示速度に定評のある「SWELL」へのテーマ変更を決断しました。テーマはサイトの設計思想そのものであり、後からプラグインで調整するよりも、土台自体を軽量で高速なものに置き換える方が本質的な解決に繋がる可能性があると考えたためです。
2-2. テーマ変更による効果
テーマをSWELLに変更した結果、PageSpeed Insightsのスコアは70点台まで改善しました。この結果は、サイトの表示速度において、プラグインなどの追加要素以上に、テーマという土台がいかに重要であるかを明確に示していました。しかし、目標とする90点以上のスコアにはまだ及びません。
最終段階：「表示しない」という選択
技術的な最適化は、テーマの変更をもって一つの限界点に達したように感じられました。そこで最後に着目したのは、技術ではなく「コンテンツの表示」そのものです。ページの表示速度に最も影響を与える要素は何かを改めて分析し、一つの結論に至りました。
3-1. ボトルネックの特定と決断
最も大きな負荷をかけていたのは、トップページのメインビジュアルでした。高解像度の画像やスライダーは、訪問者にインパクトを与える一方で、ページの読み込み時間を大幅に増加させる最大の要因です。
ここで、「本当にトップページにメインビジュアルは必要か」という根源的な問いに立ち返りました。そして、デザイン性よりもパフォーマンスを優先するという明確な意思決定のもと、トップページのメインビジュアルを「表示しない」という選択を行いました。
3-2. 99点達成と最適化の完了
この最後の施策の結果、PageSpeed Insightsのスコアは99点を記録しました。プラグインの選定から始まった長い最適化のプロセスは、最終的に「何を捨てるか」というコンテンツ戦略上の決断によって、ようやく終着点を迎えたのです。
まとめ：高速化のプロセスから得られた3つの教訓
この一連の経験から、Webサイトの高速化に関して、以下の3つの重要な教訓を得ることができました。
- 最適化には階層がある: 高速化は「プラグインやツール（表層）」→「テーマ（土台）」→「コンテンツ（中身）」の順で影響度が大きい可能性があります。表層的な調整で行き詰まった際は、より深い階層にボトルネックがないかを確認することが重要です。
- 土台の選定が最も重要: 後からどのような最適化を施すにしても、サイトの土台であるテーマの性能がパフォーマンスの上限を大きく左右します。サイトを構築する最初の段階で、表示速度を重視したテーマ選定を行うことが、将来の労力を大きく削減します。
- パフォーマンスはトレードオフである: 華やかなデザインや多機能性は、多くの場合、表示速度と引き換えになります。何を最も重視し、そのために何を表示し、何を表示しないのか。その取捨選択こそが、高速化における最終的かつ最も効果的な施策となり得ます。
もしあなたが今、サイトの表示速度に悩んでいるのであれば、一度プラグインの設定画面を閉じ、サイトの「土台」と「表示しているコンテンツ」そのものに目を向けてみてはいかがでしょうか。そこに、ブレークスルーのヒントが隠されているかもしれません。
コメント