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

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

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

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

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

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

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

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

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

あなたが最初にすべきこと

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

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

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

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

cPanelの使用

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

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

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

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

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

FTPの使用

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

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

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

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

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

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

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(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>

ファイルへの追加を保持するには、 [保存(Save)]をクリックすることを忘れないでください。

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



太一 中津川

About the author

私は Firefox と Google Docs の経験を持つ Web 開発者です。私はフロリダ大学で経営学の学位を取得しています。私のスキルには、Web サイト開発、コンテンツ管理システム (CMS)、データ分析、およびユーザー インターフェイス設計が含まれます。私は経験豊富なコンサルタントであり、チームが効果的な Web サイトとアプリケーションを構築するのを支援できます。


Related posts