▷ 5,000円で始める自動化スマートホーム

エックスサーバーが最新機能提供!「ブラウザキャッシュ設定」機能を使ってみよう!

おおえびてんどん

ブラウザキャッシュ設定」機能でWordPressのこのサイトも速くなるかな?

今日も自動化ブログASHETPIA【アシェトピア:LIFE STYLE HACK MAGAZINE】を見てくださりありがとうございます。編集長のおおえびてんどん(@oab10don)です。

最新機能「ブラウザキャッシュ設定」

Google が推奨する高速化対応

WordPressだけでなく、様々なwebページを作る上で大事なのが「ページスピード」。簡単にいうと「このサイトの表示される速さ」です。

おおえびてんどん

遅すぎるとみんな見なくなっちゃうから大変。

「ブラウザキャッシュ設定」機能の提供とは

ブラウザキャッシュ設定」機能の提供といっても実際どういうものなのか。まずはブラウザキャッシュの意味から。

「キャッシュ」とは、ブラウザなどが表示したウェブページのデータを一時的にコンピューターに保存する機能です。次に同じページにアクセスしたときに、インターネット上のデータではなく、保存されたデータを参照するため、すばやく表示できます。

オリックス銀行ーブラウザのキャッシュ(インターネット一時ファイル)の削除より引用

では本日9月6日にエックスサーバー提供した「ブラウザキャッシュ設定」機能とはどのような効果があるのでしょうか。

ブラウザキャッシュ設定」機能の説明

本機能では、各ファイルへアクセスしたときのレスポンスヘッダに
ブラウザのキャッシュ利用を指示する設定(Expiresヘッダ)を付加します。
同一ファイルへの再度のアクセス時にはブラウザのキャッシュファイルが
利用されるようになり、表示速度の向上や転送量の軽減が期待できます。

[XSERVER インフォメーション] Expiresヘッダで表示速度を向上!「ブラウザキャッシュ設定」機能提供開始のお知らせより引用

簡単にいうと「キャッシュに保存しているものをみてねーって指示をするんでおんなじページ見るときは速いぞーっ!」て感じです。

Google が推奨する高速化対応

この画面見たことがある方多いと思いますが、Googleが提供しているツールサイト「PageSpeed Insights」。ここのスコアを上げてユーザーに優しいページ作成を心がけている方も多いのではないでしょうか。

そんなGoogleが今回推奨している高速化対応のひとつがこの「Expiresヘッダの付加」というわけです。

Expiresヘッダの付加は Google が推奨する高速化対応の一つであり、
本機能を有効にすることで Google PageSpeed Insights のスコア上昇も
見込めます。

[XSERVER インフォメーション] Expiresヘッダで表示速度を向上!「ブラウザキャッシュ設定」機能提供開始のお知らせより引用

対象サーバーはこちら
  • エックスサーバー 全プラン
  • エックスサーバービジネス 全プラン




実際に設定してみよう!

リアルタイムでやってみるよ!

注意
当サイトにて実際に設定を行いますが、ご自身のサイトで設定される場合、いかなる場合も自己責任になります。あらかじめご了承ください。

設定手順

  • 手順1
    「ブラウザキャッシュ設定」をクリック
     サーバーパネルにログインし、「ブラウザキャッシュ設定」をクリックします。
  • 手順2
    ドメインを選択
     キャッシュ設定するドメインを選択します。
  • 手順3
    キャッシュ設定を選択
     「変更後の設定」を選択してください。選択後、設定変更(確認)をクリックしてください。
  • おおえびてんどん

    この流れ…もしかして!

    おおえびてんどん

    簡単!速い!「ブラウザキャッシュ設定」機能設定完了!!!!

     

    実際のスピードはどうなった?検証結果公開!

    おおえびてんどん

    気になるのはここから…「ブラウザキャッシュ設定」機能設定で実際速くなったのかな?
    注意
    設定の変更から反映されるまで最大15分程度かかります。
    「反映待ち」が表示されている場合は、サーバーへの設定反映が完了していません。

    設定前

    • モバイル 86/100
    • パソコン 64/100

    設定後

    • モバイル 86/100 → 87/100(1点UP)
    • パソコン 64/100 → 67/100(3点UP)

    おおえびてんどん

    はやくなっている!いいですね!皆さんも是非試してみてください!