PageSpeed Insightsの対応方法メモ

圧縮を有効にする

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

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

.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>