PageSpeed Insights の「テキスト圧縮の有効化」の対処メモ

PageSpeed Insights の結果、PCは90点以上を常に取れるのですが、モバイルだとどうしてもこんな結果になります。

テキスト圧縮の有効化

改善できる項目にいくつか改善内容がリストアップされているので確認してみます。

改善できる項目」をチェックしてみる

テキスト圧縮の有効化

まぁ・・色々出ています。

  • 使用していない CSS を削除してください
  • テキスト圧縮の有効化
  • レンダリングを妨げるリソースの除外
  • 次世代フォーマットでの画像の配信
  • 使用していない JavaScript の削除

この中で、今回は比較的簡単に修正できそうな「テキスト圧縮の有効化」に着手してみます。

ざっくりググると、「.htaccess」への追記するだけで良さそうな情報が沢山出てきましたので早速試してみます。

# Gzip圧縮の設定
<IfModule mod_deflate.c>
SetOutputFilter DEFLATE
SetEnvIfNoCase Request_URI \.(?:gif|jpe?g|png|ico)$ no-gzip dont-vary
Header append Vary Accept-Encoding env=!dont-vary
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/atom_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
AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
</IfModule>

上記の内容をサーバにある.htaccessに追記してみます。すると・・

いくつかの項目がなくなり、残り2行だけ。ただ、これがどうにも消えない。引き続き対応してみます。

2020/06/13追記

確認したらいつの間にか消えていました。とりあえずクリアしました。

コメント