ページキャッシュを使ってウェブサイトを高速化する方法

↓役だったらシェアしていただけると嬉しいです!

ページキャッシュでウェブサイトを高速化する方法
この記事の所要時間: 68
社長
ぐにらぼをもっと早く表示したーい
ぐに
社長がなぜだか燃えている…(笑)
社長
だって私、テストはいつも満点だったんだもの!それが80点もとれないなんて!
ぐに
いや、テストは関係ないですが、たしかに80点あれば中々満足な結果になりますよね
社長
よーし、じゃ、次は何すれば良いワケ!?
ぐに
では、今回はキャッシュの設定をしましょうか!
スポンサーリンク

キャッシュとは

キャッシュとはお金のこと……でもありますが、ここで言うキャッシュは高速化の仕組みのことです。

一度作ったデータを残しておき、同じものを要求された時、すでに作ってあるデータを提供します。

キャッシュができていると提供するまでが早い
キャッシュができていると提供するまでが早い

まだキャッシュが出来上がっていない場合や、キャッシュの仕組みをONにしていないと、その都度作るようになってしまい、動作が遅くなります。

キャッシュがないと都度作るので遅くなる
キャッシュがないと都度作るので遅くなる

キャッシュには種類がある

一口にキャッシュと言っても、実は様々なキャッシュがあります。

先程の画像ではサーバーがキャッシュデータを渡していましたが、これはページキャッシュと言います。

  1. ページキャッシュ
    サーバー側で保持しているキャッシュデータ。設定した期間キャッシュデータを保持し、キャッシュしておくことで生成の時間がなくなる。
  2. データベースキャッシュ
    データベースの返答結果のキャッシュデータ。一般的には記事情報を保持しておく。
  3. オブジェクトキャッシュ
    PHPなどのプログラミング言語に使う変数のキャッシュデータ。キャッシュしておくとプログラムの工数が少なくなる。
  4. ブラウザキャッシュ
    Safari、Google Chromeなどインターネットを閲覧するブラウザのキャッシュデータ。キャッシュがあれば、もう一度同じページを開く時の時間が短くなる。

今回設定するのは1のページキャッシュです。

サイト表示高速化の設定:ページキャッシュ

このGoogle pagespeedでページスコアを調べると、キャッシュしていますか?していませんか?の表示が出てくると思います。

今回もコピペでキャッシュの設定をしましょう!

.htaccessの設定

ページキャッシュはサーバー側の設定をするので、.htaccessにて設定を行います。

ウェブサイトの肝となるファイルなので、編集の際は十分に気をつけながら設定するようにしてください。間違っても責任取れませんよ!

FTPソフトで.htaccessを探しましょう。

[サイト名フォルダ] → [public_html]にあります。

public_htmlに.htaccessファイルがある
public_htmlに.htaccessファイルがある

この.htaccessをダウンロードし、下記のコードを一番下にコピペしましょう!
※不安なら書き込む前の.htaccessをバックアップしておきましょう。

とにかくコピペでOKです。ちなみに#の一行はコメントです。

このコードでは、ブラウザキャッシュだけでなく、フォントもキャッシュしています。

daysは日、weeksは週、yearは年の単位でキャッシュを保持します。

あまりに短いとpagespeedで警告が出ます。ただ、長すぎても新しいデータがキャッシュされないので、大体1週間くらいが良いでしょうか。

ちなみに text/javascript の一文は昔のブラウザにも対応するために記述しています。

コードを書き込んだら.htaccessをサーバにアップロードしましょう!

サイト表示速度のスコアを確認

ここでサイト表示速度のスコアを確認できます。

ぐにらぼはキャッシュをしたことによって……

3点アップ!

キャッシュをして3点アップ!
キャッシュをして3点アップ!

※サイトによって効果は違います

まとめ:キャッシュをするとサーバーにも優しい

社長
こういうのってコピペでカンタンなのね〜
ぐに
意外とカンタンにできるんですね
社長
キャッシュをすると他にどんな良いことがあるの?
ぐに
生成動作がなくなるので、サーバーにも優しいですね
社長
あんまり意味は分かってないけど、分かった!
ぐに
分からないことが分かったんですね…(苦笑)

関連商品

ウェブサイトを持ったらSEOですが、内部対策をして初めて外部対策の効果が高まります。

ちょっと古い本ですが、内部対策は今でも役立つ情報ばかりです。

アナタにオススメの記事、もう1つ読んでみませんか?

The following two tabs change content below.
ぐに
ぐに

ぐに

社長の隣Pasolack
“できないをできるに変える” ってことをやってます。ぐにらぼもその一環。 FMラヂオのパーソナリティーやったり、大学でICTの講義したり、いろいろと飛び回ってます(^^) 夢は “学校の先生の負担を軽減して、子供たちと接する時間を増やす取り組みを増やす” こと。
スポンサーリンク

↓役だったらシェアしていただけると嬉しいです!

↓更新情報を取得できます

目安箱

目安箱

ぐにらぼではできないという声を集めています。今の困り事などをお送りすると記事になるかもしれません。

返信が欲しい場合は、お問い合わせ

名前 (ニックネーム可)

メッセージ本文

ぐにらぼメルマガ登録

無料で集客方法が学べる!ぐにらぼメールマガジン

Webライティング・マーケティングのノウハウが学べるコンテンツを、ぐにらぼオススメ記事とともに月一回無料でお届けします。