くまプレス環境の1秒でも速く表示させたい
このサイトには表示速度対策として、「EWWW Images Optimizer」「Lazy Load」「W3 Total Cache」が入っているんですが、より速くできないかと思い、設定その他を見直してみました。
現状を計ってみます
測定ツールとして、下記の2つを利用しました。
モバイル:53/100
パソコン:61/100
両方とも、真っ赤っか(^^;
対処開始!
GTmetrixの情報を参照しながら対処します。
1.リソースから?を削除します。「Remove query strings from static resources」でE(57)ってなってます
そう、あの?マークが付いてるとキャッシュがしてくれないそうなんで、削除してみます。
functions.phpを修正する案もあるのですが、ここではプラグインとして、「Remove query strings from static resources」を使用します。
GTmetrix
「Remove query strings from static resources」がC(78)になってます。
PageSpeed Score:C(73%)
YSlow Score:D(68%)
PageSpeed Insights
モバイル:57/100
パソコン:60/100
そうは変わりませんねぇ。。
※このプラグインを有効にすると、エディターが動かなくなりました!!!そのため現在は無効にしています!!
2.リソースは圧縮されているか?「Enable gzip compression」E(51)ってなってます。
.htaccessにmod_deflateを追記する事になるんですが。。
「W3 Total Cashe」で下記のように .htaccess に追加されています。
<IfModule mod_deflate.c>
<IfModule mod_headers.c>
Header append Vary User-Agent env=!dont-vary
</IfModule>
AddOutputFilterByType DEFLATE text/css text/x-component application/x-javascript application/javascript text/javascript text/x-js text/html text/richtext image/svg+xml text/plain text/xsd text/xsl text/xml image/x-icon application/json
<IfModule mod_mime.c>
# DEFLATE by extension
AddOutputFilter DEFLATE js css htm html xml
</IfModule>
</IfModule>
で、gzip圧縮がされているかを確認するツール「GIDZipTest」で見てみると。。
Web page compressed? Yes
Compession type? gzip
Size,Markup(bytes) 49,557
Size,Compressed(byte) 12,967
Compression% 73.8
ってなってるんで、圧縮は動いているようですね。
3.画像サイズの記述「Specify Image dimentions」F(0)ってなってます。
記載されているサイズを追記できる所はやりました。
全体的に。。
この程度ではそんなに変わらないですね。。
地道にやるしか無い模様(^^;