サイト高速化対策として、Expiresヘッダを活用し表示速度をアップ～ブラウザキャッシュ～

ホームページが表示されるのに時間がかかってイライラすることはありませんか？「サイト読み込み速度の遅さ」は、すべて表示されるまでの時間をロスする上に、場合によってはそのサイトを読むことを諦め他のサイトへ移動するなど、ユーザー側もサイトオーナー側も機会損失などデメリットが大きくなります。
今回は、サイトの読み込み速度の向上手段としてブラウザキャッシュについて解説します。

サイト読み込み速度の向上が重要に

2020年度のSEO分野における重要なキーワードとして、Core Web Vitals（コアウェブバイタル）があります。Core Web Vitalsとは、グーグルの開発者向けブログによると下記のとおりです。

ユーザーエクスペリエンスの質の測定には、多くの側面があります。そのほとんどはサイトやコンテキストに固有のものですが、すべてのウェブエクスペリエンスにとって重要な共通シグナル、つまり「Core Web Vitals」が存在します。このようなユーザーエクスペリエンスの核となるニーズには、読み込み時間、インタラクティブ性、ページコンテンツの視覚的な安定性などが含まれ、これらを組み合わせたものが 2020 Core Web Vitals の土台になります。

Google Developers

３つのポイント「読み込み時間（Largest Contentful Paint）」「インタラクティブ性（First Input Delay）」「ページコンテンツの視覚的な安定性（Cumulative Layout Shift）」のうち、「読み込み時間（Largest Contentful Paint）」について、レンタルサーバーではブラウザキャッシュという名称で機能追加をし、サイトの高速表示化に対応しています。

この３つを改善すればすぐに検索エンジンで順位が上がる、というものではないのですが、2021年以降も重要な指標となりますので、他の追加されるであろう新しい指標や、サイト全体の品質を上げることと合わせて、常に意識しておきたいポイントです。

ブラウザキャッシュとは？

ブラウザキャッシュで表示速度アップ

ユーザーがホームページにアクセスすると、テキストや画像データなどをダウンロードしてページ全体が表示されます。データが小さければすぐに表示されるのですが、データ量が増え読み込む時間がかかると、いわゆるサイト表示が遅い、という現象になります。

画像データなどをキャッシュこの改善策として、データのキャッシュ（以前読み込んでおいたデータを保存しておくこと）を利用することでダウンロード時間を節約し表示速度を速めることが有効ですが、サーバー側でキャッシュする・ユーザー側でキャッシュする方法などがあります。

「ブラウザキャッシュ設定」はユーザー側のキャッシュを利用する機能で、WEBサイト・各ファイルへのアクセス時のレスポンスヘッダに、ブラウザのキャッシュ利用を指示する設定「Expiresヘッダ」を追加します。
同じファイルへ再度アクセス場合に、ブラウザのキャッシュファイルが利用されるようになり、ダウンロードの削減効果で表示速度アップや転送量軽減が見込めます。

さらに、Expiresヘッダの付加は Google が推奨する高速化対応の一つであり、「ブラウザキャッシュ設定」機能を有効にすることで Google PageSpeed Insights のスコア上昇も期待できます。

ココがポイント

分かりやすく言いますと、過去に１度アクセスしたサイトの画像データなどはユーザーのブラウザに保存されます。２度目以降のアクセス時に、サーバー上のデータではなくユーザー側のブラウザにキャッシュされたデータを表示させることで、読み込み速度を速くする、ということです。

実際の設定例（ConoHa WING）

それではレンタルサーバーで実際の設定例を見てみましょう。
ConoHa WINGで、管理画面からブラウザキャッシュを設定します。

ますは管理画面にログインします。

レンタルサーバー　ConoHa WING管理画面にログイン

「サイト管理」で対象のWEBサイトを選択し、「応用設定」から「ブラウザキャッシュ」にアクセスします。

レンタルサーバー　ConoHa WING管理画面でブラウザキャッシュにアクセス

「ブラウザキャッシュ」をOFFからONに変更すれば、自動的に保存されます。

レンタルサーバー　ConoHa WING管理画面でブラウザキャッシュをONに

これで「ブラウザキャッシュ」設定完了です。

レンタルサーバー　ConoHa WING管理画面でブラウザキャッシュ設定完了

一定期間、ブラウザにデータが保存される設定ですので、自社サイトがブラウザキャッシュに適しているかどうか、例えば動的サイトではないか、頻繁に更新するサイトではないかなどを十分に検討して利用するようにしましょう。

ブラウザキャッシュ機能対応レンタルサーバー

高速化に対応

記事公開時点（2020年10月）で、ブラウザキャッシュ機能に対応しているレンタルサーバーサービスです。検索エンジン対策、サイト高速化によるユーザビリティの向上にお役立てください。

詳しくは

: ConoHa WING(コノハウィング):高速と操作性が特徴!国内最速級共用レンタルサーバー

“国内最速”が評判の高速レンタルサーバー「ConoHa WING(コノハウィング)」は、初期費用・最低利用期間はなく時間単位の課金でいつでも開始OK! 独自管理画面は直感的かつ平易に操作でき、サイト表 ...

続きを見る

: スターサーバー:月額275円でWordPressが使える評判の低価格高速レンタルサーバー

「スターサーバー」は、オールSSD・軽量かつ高速Webサーバー nginx採用・HTTP/2など高速化対応した低価格サーバーです。最安クラスのドメイン販売「スタードメイン」と合わせコスパの高いサイト運 ...

続きを見る

: エックスサーバーの料金機能とは:XServerは高速が評判レンタルサーバー

“高速サーバー”の代名詞、「エックスサーバー」はXアクセラレータVer.2などPHP高速化、Webサーバーにnginx導入で高速化・多機能を追求しています。自動バックアップと復元無料。売上を上げたい、 ...

続きを見る

: wpX Speed by Xサーバー:超高速が評判のWordPress専用レンタルサーバー

「wpX Speed」は高速表示でSEO対策に強いWordPress専用レンタルサーバー。初期費用無料/最低期間なし/時間単位課金とオールフラッシュNVMeで従来より16倍の高速化を実現しました。 w ...

続きを見る

: エックスサーバービジネス:高速/メール/簡単ログインが評判の法人向レンタルサーバー

「エックスサーバービジネス」は、高速・多機能サーバーのエックスサーバーに、無料設定代行やセキュリティ診断など信頼性を高めた法人・団体向け共用レンタルサーバーです。設定や管理者不足で悩む企業、セキュリ ...

続きを見る