「テキスト圧縮の有効化」をhtaccessで解決する方法【コピペ可】

PageSpeed Insightsで「テキスト圧縮の有効化」と指摘された場合、.htaccessにコードを追記するだけで解決できます。作業は5分程度で完了します。この記事では意味の解説から実際の対応手順まで、コピペ可能なコード付きで解説します。

「テキスト圧縮の有効化」とは?

「テキスト圧縮の有効化」とは、テキストをそのまま配信すると容量が大きくなるため、圧縮して小さくしてからダウンロードさせることです。容量が小さいほどサーバーからのダウンロード時間が短縮され、Webページの表示速度が速くなります。

PageSpeed Insightsでは、以下の圧縮形式を推奨しています。

テキストベースのリソースは圧縮(gzip、deflate、または brotli)して配信し、ネットワークの全体的な通信量を最小限に抑えてください。

gzipはzipと同じ圧縮形式の一つで、多くのサーバーで利用できます。

対策前のPageSpeed Insightsスコア

対策前のスコアは以下の通りでした。「改善できる項目」に「テキスト圧縮の有効化」が表示されている状態です。

テキスト圧縮の有効化対策前のモバイル表示速度スコア
対策前のモバイル表示速度スコア
テキスト圧縮の有効化対策前のパソコン表示速度スコア
対策前のパソコン表示速度スコア
PageSpeed Insightsの改善できる項目にテキスト圧縮の有効化が表示されている画面
「改善できる項目」に「テキスト圧縮の有効化」が表示されている

.htaccessへの追記でテキスト圧縮を有効化する【コピペ可】

WordPressサイトのルートディレクトリにある.htaccessの末尾に以下のコードを追記してください。そのままコピー・アンド・ペーストで使用できます。

⚠️ 注意:.htaccessはサイトの根幹に関わる重要なファイルです。編集前に必ずバックアップを取ってから作業してください。

<IfModule mod_deflate.c>
SetOutputFilter DEFLATE
SetEnvIfNoCase Request_URI \.(?:gif|jpe?g|png|ico)$ no-gzip dont-vary
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE application/x-httpd-php
AddOutputFilterByType DEFLATE application/x-font-ttf
AddOutputFilterByType DEFLATE application/x-font-woff
AddOutputFilterByType DEFLATE application/x-font-opentype
</IfModule>

対策後のPageSpeed Insightsスコア

上記コードを追記した後にPageSpeed Insightsで再計測した結果です。

テキスト圧縮の有効化対策後のモバイル表示速度スコア
対策後のモバイル表示速度スコア
テキスト圧縮の有効化対策後のパソコン表示速度スコア
対策後のパソコン表示速度スコア
  • モバイル:26 → 30
  • PC:53 → 62

スコアがアップし、「改善できる項目」から「テキスト圧縮の有効化」の項目が消えたことを確認できました。

まとめ

「テキスト圧縮の有効化」は.htaccessへのコード追記だけで解決できます。作業時間は5分程度と短く、モバイル・PCともにスコアを改善できます。.htaccessの編集前には必ずバックアップを取ることだけ忘れずに。

表示速度の改善にはサーバー環境も大きく影響します。プラグインや.htaccessで対応しきれない場合は、サーバー自体の見直しも検討してみてください。

このテーマの関連記事はこちら