PageSpeed Insightsの対応方法メモ

圧縮を有効にする

.htaccessに以下を記入。テキスト系はmod_deflate.cで圧縮できるっぽい。

<IfModule mod_deflate.c>
AddOutputFilterByType DEFLATE text/text text/html text/plain text/xml text/css application/x-javascript application/javascript
</IfModule>

スクロールせずに見えるコンテンツのレンダリングをブロックしている JavaScript/CSS を排除する

cssの外部読み込みを止めて、インライン化することで対応可能。

ブラウザのキャッシュを活用する

.htaccessに以下を記入。ブラウザでのテキストや画像のキャッシュ期間を指定します。

<ifModule mod_expires.c>
ExpiresActive On
ExpiresByType text/css "access plus 1 days"
ExpiresByType text/js "access plus 1 days"
ExpiresByType text/javascript "access plus 1 days"
ExpiresByType image/gif "access plus 10 days"
ExpiresByType image/jpg "access plus 10 days"
ExpiresByType image/jpeg "access plus 10 days"
ExpiresByType image/png "access plus 10 days"
ExpiresByType application/x-javascript "access plus 10 days"
ExpiresByType application/javascript "access plus 10 days"
</IfModule>