.HTACCESSを使用してWordPressサイトを高速化する方法

WordPress Webサイトの読み込みに時間がかかりすぎていませんか？遅いサイトがSEOとユーザーエクスペリエンスに影響を与えることを知っていますか？

プラグインを使用する以外に、サイトを高速化する方法はいくつかあります。 1つの方法はブラウザのキャッシュを活用することであり、もう1つの方法はファイルを圧縮することです。

どちらも、 .htaccessを変更して最適化することで実現できます。 ファイル。

ブラウザキャッシュとは何ですか？

誰かがあなたのウェブサイトにアクセスすると、一時的な場所にダウンロードされて保存されるファイルがあります。

ファイルの種類には、HTML、画像、JavaScript、CSSファイルなど、Webサイトを構成するすべてのドキュメントが含まれます。ブラウザキャッシュは、ダウンロードされたファイルのこの一時的な場所を参照します。

キャッシュがいっぱいになると、訪問者のコンピューターのスペースを取りすぎます。その結果、ブラウザが遅くなり、ウェブサイトの読み込みに時間がかかりすぎます。

幸い、.htaccessファイルを編集してこれを修正する方法があります。

最初にすべきこと

.htaccessファイルの編集を開始する前に、次の注意事項を考慮してください。

• 変更する前に、常にWordPress.htaccessファイルのバックアップを作成してください。
• 使用している可能性のあるWordPressプラグインを無効にします。
• ベースライン測定値を取得するために.htaccessファイルに変更を加える前に、サイトの速度をテストしてください。 GTmatrix、Pingdom、またはGooglePageSpeedInsightsを使用できます。

これで、.htaccessファイルを介してコードを使用して、WordPressのインストールに静的ファイルをより長くキャッシュしてWebサイトに戻ってくるように指示する準備が整いました。 cPanelまたはFTPのいずれかを使用できます。それぞれについて、以下の指示を参照してください。

.htaccessファイルにアクセスできるようになったら、追加の指示に従って編集を行います。

cPanelの使用

ウェブサイトcPanelにログインします。通常、 yourdomain.com/cPanelと入力してアクセスできます Webブラウザに。

ドメインにWordPressをインストールしたときに指定したユーザー名とパスワードでログインします。ログインしたら、ファイルマネージャを探してクリックします 。

.htaccessファイルはルートフォルダにあります。ファイル名の前のドットは、WordPressインストールで隠しファイルであることを示します。 隠しファイルを表示するには、必ずチェックボックスをオンにしてください。 。

間違えるとサイトがクラッシュする可能性があるため、編集する前にファイルのコピーを作成する必要があります。コピーを作成するには、 .htaccessをクリックします それを強調表示します。コピーを保存するには、トップメニューにあるダウンロードボタンをクリックします。

コピーを作成したら、ファイルを編集する準備が整います。 cPanelファイルマネージャーで、.htaccessファイルを右クリックし、編集をクリックします 。

FTPの使用

FTPクライアントを使用して.htaccessファイルを編集することもできます。人気のあるFTPクライアントの1つは、以下の例で使用されているFileZillaです。

FTPクライアントを開いて、ホストを配置することから始めます。これは通常、ドメインアドレス、ユーザー名、パスワードです。それらが何であるかわからない場合は、Webホストに連絡してください。

.htaccessファイルにアクセス、コピー、編集するには、次の手順を使用します。

• ルートディレクトリに移動します。
• .htaccessファイルを見つけてコピーを作成し、デスクトップにドラッグします。
• 元のコピーを保持し、元のコピーを復元する必要がある場合に備えて、別のコピーを編集します。
• メモ帳などのエディタを使用してファイルを編集します。
• 編集が終了したら、ファイルをルートディレクトリにアップロードします。

間違えた場合、あなたのウェブサイトは機能しません。これを修正するには、バックアップファイルをアップロードします。

これで、.htaccessファイルに変更を加えてWordPressサイトを高速化する準備が整いました。

Gzipを使用してファイルを圧縮する

Gzip圧縮により、ファイルが小さくなり、読み込みが速くなります。 gzipを使用して以下のコードを.htaccessファイル（現在のコードの下）に追加すると、CSS、HTML、およびPHPファイルが圧縮されます。

 <IfModule mod_deflate.c>
  # Compress HTML, CSS, JavaScript, Text, XML and fonts
  AddOutputFilterByType DEFLATE application/javascript
  AddOutputFilterByType DEFLATE application/rss+xml
  AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
  AddOutputFilterByType DEFLATE application/x-font
  AddOutputFilterByType DEFLATE application/x-font-opentype
  AddOutputFilterByType DEFLATE application/x-font-otf
  AddOutputFilterByType DEFLATE application/x-font-truetype
  AddOutputFilterByType DEFLATE application/x-font-ttf
  AddOutputFilterByType DEFLATE application/x-javascript
  AddOutputFilterByType DEFLATE application/xhtml+xml
  AddOutputFilterByType DEFLATE application/xml
  AddOutputFilterByType DEFLATE font/opentype
  AddOutputFilterByType DEFLATE font/otf
  AddOutputFilterByType DEFLATE font/ttf
  AddOutputFilterByType DEFLATE image/svg+xml
  AddOutputFilterByType DEFLATE image/x-icon
  AddOutputFilterByType DEFLATE text/css
  AddOutputFilterByType DEFLATE text/html
  AddOutputFilterByType DEFLATE text/javascript
  AddOutputFilterByType DEFLATE text/plain
  AddOutputFilterByType DEFLATE text/xml
 
  # Remove browser bugs (only needed for really old browsers)
  BrowserMatch ^Mozilla/4 gzip-only-text/html
  BrowserMatch ^Mozilla/4\.0[678] no-gzip
  BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
  Header append Vary User-Agent
</IfModule>

[変更を保存]をクリックすることを忘れないでください。

ブラウザのキャッシュ

誰かがあなたのウェブサイトにアクセスすると、彼らが使用しているブラウザは、彼らがアクセスしているページに関連付けられているすべてのファイルをダウンロードします。

ブラウザのキャッシュを利用するということは、必要なファイルだけをダウンロードし、不要なアセットはダウンロードしないことを意味します。これらは通常、ページのデザインとスタイルであり、JavaScript関数も含まれる場合があります。

ブラウザのキャッシュを使用する場合、リピーターのために以前にダウンロードされたWebページの一部を無視するようにサーバーに指示しています。

.htaccessファイルを編集するには、FTPクライアントまたはcPanelを使用して上記のようにファイルを圧縮したときと同じ方法で、ファイルを見つけて2つのコピーを作成します。

変更に問題がある場合に備えて、元の.htaccessファイルのコピーを保管してください。他のコピーで編集を行います。

.htaccessファイルの現在のコンテンツの下に次のコードを追加します。

<IfModule mod_expires.c>
ExpiresActive On
ExpiresDefault A0
 
<FilesMatch "\.(txt|xml|js)$">
ExpiresDefault A691200
</FilesMatch>
 
<FilesMatch "\.(css)$">
ExpiresDefault A691200
</FilesMatch>
 
<FilesMatch "\.(flv|ico|pdf|avi|mov|ppt|doc|mp3|wmv|wav|mp4|m4v|ogg|webm|aac)$">
ExpiresDefault A691200
</FilesMatch>
 
<FilesMatch "\.(jpg|jpeg|png|gif|swf|webp)$">
ExpiresDefault A691200
</FilesMatch>
</IfModule>
 
<IfModule mod_headers.c>
<FilesMatch "\.(txt|xml|js)$">
Header set Cache-Control "max-age=691200"
</FilesMatch>
 
<FilesMatch "\.(css)$">
Header set Cache-Control "max-age=691200"
</FilesMatch>
 
<FilesMatch "\.(flv|ico|pdf|avi|mov|ppt|doc|mp3|wmv|wav|mp4|m4v|ogg|webm|aac)$">
Header set Cache-Control "max-age=691200"
</FilesMatch>
 
<FilesMatch "\.(jpg|jpeg|png|gif|swf|webp)$">
Header set Cache-Control "max-age=691200"
</FilesMatch>
</IfModule>

保存をクリックすることを忘れないでください ファイルへの追加を保持します。

ファイルを圧縮してブラウザのキャッシュを活用すると、ウェブページの読み込み時間が大幅に短縮されます。これにより、サイトの検索ランクが高くなり、ユーザーエクスペリエンスが向上します。ページが読み込まれるまで数秒以上待つ必要はありません。