page_speed_res

SOY CMSで表示直前で画像のリサイズ表示を行う


前回、SOY CMSで画像を表示する時、im.phpをかましてサーバ側でリサイズした画像を受け取るという仕組みに変更してみた。

変更後にGoogleのPageSpeed Insightsで確認したところ、スコアがレットからグリーンに変わり、内部SEOの面で改善された。


他に画像や外部CSSはキャッシュで管理となっていたので、

今回はキャッシュ周りで対応したことを記載する。

※SOY CMSとは関係ないです。




現在、サイトを運営している環境は

サーバ:さくらの512(VPS)

環境:Apache2.4.20 + PHP7

という感じ


最初にリモートにアクセスして、

ApacheでExpiresモジュールを使える様にする。

sudo a2enmod expires

これで使える様になった。


この設定を行った後、

/CMSインストールディレクトリ/サイトID/.htaccessを開き、

最初の行に下記を追加する。


ExpiresActive On
ExpiresByType text/css "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"

.htaccessを保存して、サイトを表示してみる。

その後、PageSpeed Insightsで確認してみたところ、

キャッシュに関する表示が消えて、スコアも上がった。


簡単な対策はすぐにでもするものだね。

これで検索順位が上がったら儲けもの


関連記事

SOY CMSのキャッシュモードで表示の高速化