WordPressでブラウザキャッシュを有効にする方法

ワードプレスのお得な情報


ウェブサイトの速度は、最適なユーザーエクスペリエンスを提供する上で重要な役割を果たします。 (注:サイトの速度を確認する方法に興味がある場合は、GTmetrixの使用に関する記事を参照してください。)サイトが遅いと、売り上げが中断したり、コンバージョンが低下したり、長期的には深刻な影響が出る可能性があります顧客満足度と一般的な訪問者数の両方.

つまり、読み込み時間を短縮するためにできるすべての小さなことがカウントされます。以下では、 ブラウザのキャッシュ, それが何であるか、それがWordPressにとって何を意味するか、そしてあなたがあなたのサイトでそれを有効にする方法.

始めましょう…

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

Webサイトは基本的に、一連のWebページを作成するために互いに適合するいくつかのファイルで構成されています。これらの一部にはテキスト(ブログ投稿の本文など)が含まれ、一部にはページ要素(ヘッダー、フッター、サイドバーなど)のスタイル情報が含まれ、一部には画像などが含まれます。.

今、あなたがウェブサイトを閲覧するときはいつも、多くの共通要素に気付くでしょう:すべてのページは同じようにスタイリングされます(それらはすべて同じ色とデザイン要素を共有します)、ロゴは常に同じです、ドロップダウンメニューは常に利用可能です、そしてなど。それで、共通の要素がある場合、誰かが新しいページをロードするたびにそれらをすべてダウンロードするのはなぜですか?はるかに良いアイデアは、そのような一般的な要素を一度ロードして、ブラウザ内に保存してから、 必要に応じて単純に再利用する —誰かがサイト内のあるページから別のページに移動したとき、または誰かが後日サイトを再訪したときなど.

これがブラウザキャッシングの本質です。基本的に、ブラウザキャッシュは、あまり変更されないファイルとして定義したファイル(これについては以下で詳しく説明します)を調べ、訪問者のブラウザに一度だけダウンロードします。ブラウザのキャッシュにダウンロードされると、これらのファイルは再度ダウンロードされません。つまり、複数回ダウンロードする必要がなく、すぐに使用できる状態になります。これにより、サイトのサーバーの負荷が軽減され、さらに重要なことに、後続のページの読み込みにかかる時間が大幅に短縮されます。.

注:新しい訪問者がサイトにアクセスしたとき、ブラウザのキャッシュが有効になっているかどうかに関係なく、訪問した最初のページが読み込まれる速度は実際には同じです。サイトのファイルをまだ保存していない可能性があります。したがって、ブラウザキャッシュの利点は、ビジターが複数のページをロードしたり、Webサイトに再度アクセスしたりしたときにのみ感じられます。.

WordPressでブラウザーのキャッシュを活用する方法

ブラウザのキャッシュを有効にすることは難しくありませんが、少しトリッキーなサイトファイル(サイトの.htaccessファイルを編集する必要があるため、予備知識が必要です).

注:ブラウザキャッシュはWordPressに固有のものではありません。それを有効にする方法は、使用するシステムに関係なく同じです。.

本質的にそれを行うには2つの方法があります.

超簡単な方法:ホストに話しかける

ブラウザのキャッシュを有効にするには、.htaccessファイルと呼ばれるファイルを編集するか、場合によっては作成する必要があります。このファイルにタイプミスがあると、ウェブサイト全体が一時的にアクセスできなくなる可能性があるため、, 疑わしい場合 何をすべきかについては、 ホストに聞く あなたのためにそれをすること— 安全のために. 優れたホスティング会社を使用している場合、より優れたホストが必要ですか?彼らは数分以内にこれを設定することができます(まだ設定していない場合)。.

自分で.htaccessファイルを編集する

.htaccessファイルは怖い場所になる可能性があります。これは「大きな力には大きな責任が伴う」という典型的な例であり、サイトを高速化し、リダイレクトを作成し、素晴らしいことを行うことができます。ただし、この機能はすべて代償を伴います—このファイルのエラーにより、サイト全体がダウンする可能性があります.

これを修正することは、追加した内容を元に戻すことですが、初心者にとっては、困難な経験になる可能性があります。重要なライブサイトで手を汚す前に、テストサイトで実験することを強くお勧めします.

最初に必要なのは、サーバーのファイルにアクセスする方法です。これを行う最も一般的な方法は、FTP(ファイル転送プロトコル-続きを読む)を使用することです。このファイルはドットファイル(Linuxベースのシステムの隠しファイル、ドットファイルとは何ですか?)であるため、見つけるのが少し難しいかもしれませんが、ほとんどの場合FTPエディターには、これらのファイルを表示できる「隠しファイルを表示する」オプションがあります(注:Macを使用している場合は、変更せずにhtaccessファイルをダウンロード、編集、再アップロードする方法に関する記事をご覧ください。コンピュータの設定のいずれか。)

.htaccessファイルは、メインのWordPressフォルダー(wp-content、wp-includes、wp-adminフォルダーと同じフォルダー)にある必要があります。見つからない場合は、それで問題ない可能性があります。その場合は、作成する必要があります(ここで説明されていないものです)。見つかった(または作成された)後、ワープロではなくプレーンテキストエディタを使用して次のコードを追加します。!

ExpiresActive On
ExpiresByType image / jpg "アクセスプラス1年"
ExpiresByType image / jpeg "アクセスプラス1年"
ExpiresByType image / gif "アクセスプラス1年"
ExpiresByType image / x-icon "アクセスプラス1年"
ExpiresByType image / png "アクセスプラス1年"
ExpiresByType text / css "アクセスプラス1か月"
ExpiresByType text / x-javascript "アクセスプラス1か月"
ExpiresByType application / x-shockwave-flash "アクセスプラス1か月"
ExpiresDefault "アクセスプラス2日"

これらの行は、ユーザーのブラウザに各ファイルタイプをキャッシュする方法を伝えます。上記では、jpg、jpeg、gif、アイコン、png画像を1年間キャッシュするように(これらはほとんど変更されないため)、CSS、JavaScript、およびFlashファイルは毎月キャッシュするように設定しました(これらは変更される可能性が高いため) )。また、特に指定されていないファイルについては、デフォルトを2日に設定しました.

開発を無効にする

これらのファイルはかなり長い間(各ファイルタイプに対して定義することに決めた時間はいつでも)キャッシュされるため、開発が困難になる可能性があるため、まだ開発中のWebサイトにはブラウザキャッシュを使用しないことを強くお勧めします。もちろん、毎回ブラウザの設定に移動してキャッシュを手動でクリアすることもできますが、これはすぐに面倒になります(さらに、他のユーザーのキャッシュをクリアするのはそれほど簡単ではありません。以下のヒントを参照)。.

変更を開始する場合は、最初にキャッシュを1日などのもっと短いものに変更する必要があります。この場合、24時間経過するとユーザーに新しいリソースが表示されます.

キャッシュされたファイルを更新するために開発者が使用する別の方法は、リソースにクエリパラメータを追加することです。たとえば、script.jsを読み込んでいる場合、一度キャッシュされると、それに加えた変更は1年後に(または設定した期間が経過した後)のみダウンロードされます。これを回避するために、開発者はリソースのバージョンをURLに追加することがよくあります。したがって、「http://mysite.com/scripts.js」の代わりに、URLは「http://mysite.com/scripts.js?version=1.0」のようになり、スクリプトが再び変更されると、開発者はもう一度リソースのURLを置き換え、「http://mysite.com/scripts.js?version=1.1」にします。たとえば、.

ブラウザに関する限り、これは技術的には新しいリソースであるため、新たにダウンロードしてキャッシュします—もう1年間.

あなたの仕事をチェックする

サイトでブラウザキャッシュが有効になっているかどうかを確認する方法はいくつかありますが、最も簡単な(そして最も興味深い)方法の1つは、GTmetrixと呼ばれる無料のサイト速度テストツールを使用することです。前の記事:GTmetrixを使用してWebサイトの速度をテストする方法—効果的に

GTMetrixブラウザーキャッシュテスト

サイトのスコアが「A」の場合、ブラウザのキャッシュは問題なく、スピードバンプの準備はすべて整っています。!

最終的な考え

ブラウザキャッシングは大幅な速度向上につながる可能性があります。これは、本質的に数行のコードをコピーして貼り付けることを意味します(そして、定義されたファイルを設定する前に変更するつもりがない場合は、何の欠点もありません)期限切れ)、有効にすることはほぼ間違いなくやる価値のあることです.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map