Tech-JP

技術情報とインターネットガイド

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

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

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

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

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

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

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

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

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

最初にすべきこと

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

  • 常にファイルのバックアップを作成する ワードプレス .htaccess(WordPress.htaccess) 変える前。
  • プラグインを無効にする ワードプレス 使用している可能性があります。
  • .htaccess ファイルに変更を加える前にサイトの速度をテストして、基準となる測定値を取得します。 使用できます GTマトリックス王国 また Google PageSpeed インサイト .

これで、.htaccess ファイルを介してコードを使用して、インストールを通知する準備が整いました。 ワードプレス 静的ファイルをより長くキャッシュして、訪問者が Web サイトに戻ってくるようにします。 cPanel または FTP . それぞれについては、以下の手順を参照してください。

.htaccess ファイルにアクセスしたら、追加の手順に従って編集を行います。

cPanelの使用

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

ログイン(ログ) インストール時に指定したユーザー名とパスワードで ワードプレス あなたのドメインで。 サインインしたら、検索してクリックします ファイルマネージャー(ファイルマネージャー) .

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

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

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

FTPの使用

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

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

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

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

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

これで、.htaccess ファイルを変更してサイトを高速化する準備が整いました。 ワードプレス .

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

(Gzip)圧縮 Gzip を使用すると、ファイルが小さくなり、読み込みが速くなります。 gzip を使用して以下のコードを .htaccess ファイル (現在のコードの下) に追加すると、ファイルが圧縮されます CSSHTMLPHP .

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

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

ブラウザのキャッシュ

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

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

ブラウザーのキャッシュを使用すると、以前に再訪問者のためにダウンロードされた Web ページの一部を無視するようにサーバーに指示することになります。

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

変更に問題がある場合に備えて、元の .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>

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

ファイルを圧縮し、ブラウザのキャッシュを利用すると、Web ページの読み込み時間が大幅に短縮されます。 これにより、サイトの検索順位が上がり、ユーザー エクスペリエンスが向上します。 ページが読み込まれるまで数秒以上待ちたいと思う人はいません。


コメントを残す 0

あなたのメールアドレスが公開されることはありません。 必須フィールドは、マークされています *