質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
CSS3

CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。

.htaccess

Apacheウェブサーバーにおいて、ディレクトリ単位で設置及び設定を行う設定ファイルを指します。

サーバ

サーバは、 クライアントサーバモデルにおいてクライアントからの要求に対し 何らかのサービスを提供するプログラムを指す言葉です。 また、サーバーソフトウェアを稼動させているコンピュータ機器そのもののことも、 サーバーと呼ぶ場合もあります。

Google

Googleは、アメリカ合衆国に位置する、インターネット関連のサービスや製品を提供している企業です。検索エンジンからアプリケーションの提供まで、多岐にわたるサービスを提供しています。

Q&A

0回答

2074閲覧

PageSpeedInsightsにてgzip配信が認識されない

yokoyamax

総合スコア16

CSS3

CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。

.htaccess

Apacheウェブサーバーにおいて、ディレクトリ単位で設置及び設定を行う設定ファイルを指します。

サーバ

サーバは、 クライアントサーバモデルにおいてクライアントからの要求に対し 何らかのサービスを提供するプログラムを指す言葉です。 また、サーバーソフトウェアを稼動させているコンピュータ機器そのもののことも、 サーバーと呼ぶ場合もあります。

Google

Googleは、アメリカ合衆国に位置する、インターネット関連のサービスや製品を提供している企業です。検索エンジンからアプリケーションの提供まで、多岐にわたるサービスを提供しています。

0グッド

1クリップ

投稿2019/02/04 09:42

編集2019/02/05 01:29

困っていること

数日前までgzip圧縮後のサイズで結果が返ってきていたのですが、
現状は、圧縮前のサイズが返ってきます。

before afterで何も変更はしておりません。

PageSpeedInsightsはLighthouseを使用しているという認識なのですが、
同じくChrome>デベロッパーツール>AuditsのLighthouseを使用すると、正しくgzip圧縮後のサイズで配信されています。

httpレスポンスヘッダーやその他、外部のgzip圧縮できているかを確認するツールで調べても
問題なく圧縮できているようです。

これはPageSpeedInsightsの一時的な問題、もしくは仕様変更という認識でよいのでしょうか?

なにか対処法がある場合にはご教授頂けますと幸いです。

現環境

サイトはSIRIUSというCMSで構成されています。
PC/SPでワンソースではなく、SPはサイト/sp/のようなディレクトリ構成です。

以下、.htaccessです。

PC

htaccess

1Header set Content-Security-Policy: upgrade-insecure-requests 2 3RewriteEngine on 4 5RewriteCond %{THE_REQUEST} ^.*/index.html 6 7RewriteRule ^(.*)index.html$ http://xn--wlr53q.net/$1 [R=301,L] 8RewriteEngine on 9 10RewriteCond %{HTTP_HOST} ^www.xn--wlr53q.net 11 12RewriteRule ^(.*)$ http://xn--wlr53q.net/$1 [R=301,L] 13RewriteCond %{HTTP_USER_AGENT} (iPhone|iPod|Android|BlackBerry) 14RewriteRule ^(.*).js iphone/$1.js [L] 15RewriteCond %{HTTPS} off 16RewriteRule ^(.*)$ https://xn--wlr53q.net/$1 [R=301,L] 17RewriteCond %{HTTP_HOST} ^www.xn--wlr53q.net$ 18RewriteRule ^(.*)$ https://xn--wlr53q.net/$1 [R=301,L] 19 20<IfModule mod_deflate.c> 21 SetOutputFilter DEFLATE 22 BrowserMatch ^Mozilla/4.0[678] no-gzip 23 BrowserMatch ^Mozilla/4 gzip-only-text/html 24 BrowserMatch \bMSIE\s(7|8) !no-gzip !gzip-only-text/html 25 26 Header append Vary Accept-Encoding env=!dont-vary 27 28 # 画像は再圧縮しない 29 SetEnvIfNoCase Request_URI .(?:gif|jpe?g|png|ico)$ no-gzip dont-vary 30 31 # 圧縮設定 32 AddOutputFilterByType DEFLATE text/plain 33 AddOutputFilterByType DEFLATE text/html 34 AddOutputFilterByType DEFLATE text/xml 35 AddOutputFilterByType DEFLATE text/css 36 AddOutputFilterByType DEFLATE text/js 37 AddOutputFilterByType DEFLATE image/svg+xml 38 AddOutputFilterByType DEFLATE application/xml 39 AddOutputFilterByType DEFLATE application/xhtml+xml 40 AddOutputFilterByType DEFLATE application/rss+xml 41 AddOutputFilterByType DEFLATE application/atom_xml 42 AddOutputFilterByType DEFLATE application/javascript 43 AddOutputFilterByType DEFLATE application/x-javascript 44 AddOutputFilterByType DEFLATE application/x-httpd-php 45</IfModule> 46 47AddType image/svg+xml .svg .svgz 48AddEncoding gzip .svgz 49<ifModule mod_headers.c> 50Header Set Vary User-Agent 51</ifModule> 52 53RewriteEngine Off 54RewriteEngine On 55<ifModule mod_expires.c> 56ExpiresActive On 57ExpiresByType text/css "access plus 7 days" 58ExpiresByType image/bmp "access plus 10 days" 59ExpiresByType image/gif "access plus 10 days" 60ExpiresByType image/jpg "access plus 10 days" 61ExpiresByType image/jpeg "access plus 10 days" 62ExpiresByType image/png "access plus 10 days" 63ExpiresByType text/js "access plus 10 days" 64ExpiresByType text/javascript "access plus 10 days" 65ExpiresByType text/x-javascript "access plus 10 days" 66ExpiresByType application/javascript "access plus 10 days" 67ExpiresByType application/x-javascript "access plus 10 days" 68</ifModule> 69 70RewriteBase / 71RewriteCond %{HTTP_USER_AGENT} (iPhone|iPod|Android.*Mobile|Windows.*Phone|BlackBerry) 72RewriteRule ^$ iphone/redirect.php?f=index.html [L] 73RewriteCond %{HTTP_USER_AGENT} (iPhone|iPod|Android.*Mobile|Windows.*Phone|BlackBerry) 74RewriteRule ^(.*).html iphone/redirect.php?f=$1.html [L] 75RewriteCond %{HTTP_USER_AGENT} (iPhone|iPod|Android.*Mobile|Windows.*Phone|BlackBerry) 76RewriteRule ^(.*).css iphone/$1.css [L] 77RewriteCond %{HTTP_USER_AGENT} (iPhone|iPod|Android.*Mobile|Windows.*Phone|BlackBerry) 78RewriteRule ^img/(.*) iphone/img/$1 [L] 79RewriteCond %{HTTP_USER_AGENT} (iPhone|iPod|Android.*Mobile|Windows.*Phone|BlackBerry) 80RewriteRule ^(.*)/ iphone/redirect.php?f=$1/index.html [L] 81RewriteCond %{HTTP_USER_AGENT} (iPhone|iPod|Android.*Mobile|Windows.*Phone|BlackBerry) 82RewriteRule ^(.*) iphone/$1 [L] 83 84RewriteCond %{HTTP_USER_AGENT} ^(DoCoMo|KDDI|UP.Browser|J-PHONE|Vodafone|SoftBank) 85RewriteRule ^$ m/redirect.php?f=index.html [L] 86RewriteCond %{HTTP_USER_AGENT} ^(DoCoMo|KDDI|UP.Browser|J-PHONE|Vodafone|SoftBank) 87RewriteRule ^(.*).html m/redirect.php?f=$1.html [L] 88RewriteCond %{HTTP_USER_AGENT} ^(DoCoMo|KDDI|UP.Browser|J-PHONE|Vodafone|SoftBank) 89RewriteRule ^img/(.*) m/img/$1 [L] 90RewriteCond %{HTTP_USER_AGENT} ^(DoCoMo|KDDI|UP.Browser|J-PHONE|Vodafone|SoftBank) 91RewriteRule ^(.*)/ m/redirect.php?f=$1/index.html [L] 92RewriteCond %{HTTP:Accept-Encoding} gzip 93RewriteCond %{REQUEST_FILENAME}.gz -s 94RewriteRule .+ %{REQUEST_URI}.gz 95 96<FilesMatch ".css.gz$"> 97 ForceType text/css;charset=Shift_JIS 98 AddEncoding x-gzip .gz 99</FilesMatch> 100<FilesMatch ".js.gz$"> 101 ForceType text/javascript;charset=UTF-8 102 AddEncoding x-gzip .gz 103</FilesMatch>

SP

htaccess

1<ifModule mod_expires.c> 2ExpiresActive On 3ExpiresByType text/css "access plus 7 days" 4ExpiresByType image/bmp "access plus 10 days" 5ExpiresByType image/gif "access plus 10 days" 6ExpiresByType image/jpg "access plus 10 days" 7ExpiresByType image/jpeg "access plus 10 days" 8ExpiresByType image/png "access plus 10 days" 9ExpiresByType text/js "access plus 10 days" 10ExpiresByType text/javascript "access plus 10 days" 11ExpiresByType text/x-javascript "access plus 10 days" 12ExpiresByType application/javascript "access plus 10 days" 13ExpiresByType application/x-javascript "access plus 10 days" 14</ifModule> 15RewriteEngine Off 16RewriteEngine On 17RewriteCond %{HTTP_USER_AGENT} (DoCoMo|KDDI|DDIPOKET|UP.Browser|J-PHONE|Vodafone|SoftBank) 18RewriteRule ^(.*)$ https://xn--wlr53q.net/$1 [R,L] 19RewriteCond %{HTTP_USER_AGENT} !(iPhone|iPod|Android.*Mobile|Windows.*Phone|BlackBerry) 20RewriteRule ^(.*)$ https://xn--wlr53q.net/$1 [R,L] 21RewriteCond %{REQUEST_FILENAME} !-f 22RewriteCond %{REQUEST_FILENAME} !redirect.php 23RewriteRule ^(.*?)$ redirect.php?nf=$1 [L] 24RewriteCond %{HTTP:Accept-Encoding} gzip 25RewriteCond %{REQUEST_FILENAME}.gz -s 26RewriteRule .+ %{REQUEST_URI}.gz 27 28<FilesMatch ".css.gz$"> 29 ForceType text/css;charset=Shift_JIS 30 AddEncoding x-gzip .gz 31</FilesMatch> 32<FilesMatch ".js.gz$"> 33 ForceType text/javascript;charset=UTF-8 34 AddEncoding x-gzip .gz 35</FilesMatch>

その他、SVGを導入した際に画像と認識されない問題が発生した為、CMS発行元に問い合わせたところ、
SVGディレクトリに.htaccessを追加すればいいという助言を受け、以下をサイト/svg/とサイト/sp/svg/に置いています。

htaccsess

1RewriteEngine Off

実現したいこと

PageSpeedInsights側の問題なのか、はたまた別の問題なのかを明確にしたいです。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

Sohaya

2019/02/04 14:14 編集

自分が管理しているサイト(.htaccess で gzip圧縮)を 先ほど PageSpeed Insights で検証してみたところ モバイル・パソコンともに「テキスト圧縮の有効化」は合格しました。 yokoyamaxさんが用意された .htaccess ファイルの gzip圧縮部分を 質問に追記していただくことは可能でしょうか。 もし .htaccessに記述したファイル形式以外で 他にも圧縮したほうがよいファイル形式があれば それを.htaccessに追記することで改善するかもしれません。
yokoyamax

2019/02/05 01:33

ご回答ありがとうございます。 ただいま、.htaccess情報を追記致しました。 また、当方も「テキスト圧縮の有効化」は合格しています。 「使用していない CSS の遅延読み込み」の項目にてgzip圧縮前のサイズで記載されている状態です。 わかりにくくて申し訳ございません。
Sohaya

2019/02/05 06:59

こちらこそ申し訳ございません。追記ありがとうございます。 スタイルシートファイル(text/css)のみ gzip圧縮を解除して PageSpeed Insights の「使用していない CSS の遅延読み込み」に表示される ファイルのサイズを比較してみたところ、 --- ファイル         gzip圧縮を設定 / 解除 any theme/font-awesome.min.css 6KB / 27KB any theme/style.css        6KB / 23KB any plugin/site.min.css       2KB / 9KB --- 自分の環境では gzip圧縮されたサイズで表示されました。 yokoyamaxさん側で変更が何もなかったとのことなので “順次各アカウントに反映される”ようなマイナーアップデートが PageSpeed Insights 側にあった可能性も考えられますが、 その場合 Googleフォーラムのほうが情報が集まりやすいかもしれません。
Sohaya

2019/02/05 07:11

yokoyamaxさんの書かれているお困り事・疑問点についての直接的な解決法ではないのですが 「使用していない CSS」なので 本当に使わないCSSファイルか確認のうえで 不要なページでは そのファイルを読み込まないように調整するのもよいかと思います。
yokoyamax

2019/02/05 08:15

詳しい検証、ご解説、誠にありがとうございます。 本日、再度計測してみたところ、通常通りgzip圧縮後のサイズになっていました。 ご指摘のようにGoogleフォーラムにて質問し、Google社員からの回答を待っている状態ですが、音沙汰がない状態です。 私としましてもGoogle側のマイナーアップデートよりかは、サーバー側の問題な気がします。 というのも、他にも外部からのクローラーやアクセスを受け付けないという問題が発生しています。 一応、preloadや遅延読み込みで対策はしているので、現状が限界かなという感じです。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問