運用するコンテンツを最適化するメモです。パフォーマンス診断を行いましたので、今回から各指摘事項を潰していこうと思っています。影響が大きいと思われる下記項目から見直していきます。ヘッダ」を見直して、ブラウザキャッシュを有効的に使えって事のようです。ヘッダのざっくりした認識としてはこんな感じです。ヘッダはファイルの有効期限をブラウザに伝えるもので、ダウンロードしたファイルに有効期限が設定されていればブラウザはその期限までローカル内にキャッシュとして保存。帯域、レスポンスの待ち時間等を削減できる。限った話ではないですが、経験上、この最適化は設定が簡単な割には効果が非常に大きいと感じています。画像を沢山掲載しているコンテンツなんかだと効果が大きいです。画像を最適化しても文字に比べるとバイト数はデカいですから、クライアントがダウンロードを完了するまで比較的長くコネクションを占領されてしまいがち。忙しいサーバだと特に効果を感じれるような気がします。こんな感じに追加してみました。</FilesMatch></IfModule>書くファイルの有効期限を設定している書式は概ね下記のような感じです。週間、各種画像ファイルは有効期限を半年にしてみました。変更に少し気を使う必要が出てきます。キャッシュされるとブラウザは有効期限までサーバに取りにいかないので変更が反映されない現象が起きます。一応、解決策はあるのですがこれは次回に回すとして、早速この状態でパフォーマンス計測してみます。クローン環境の計測結果beforeafterこんな感じでスコアアップしました。スコアの伸びが半端ないです。計測結果つづいてこのブログ。beforeafterこっちはまだまだという感じですが前回よりは大分良いです。これはコンテンツ圧縮の絡みが大きいと思うのでこの辺りは優先的に見直す予定。微々たる所ですが、アクセス解析とかの外部スクリプト等も含めての評価なので、その点はクローンと比べるとマイナス評価されちゃってます。外のサービスなので弄れないですしここはしょうがない。それにしてもクローン環境とリクエスト数が違うような気がしますがとりあえず保留!最後に、本件に関する情報が細かく書かれたページを見つけたので貼っておきます。全部読めてないですがこれは必読かも。