2012.12.28
STAFF BLOG
スタッフブログ
TECHNICAL
テクログ

お久しぶりです。 らめぇです。
今回はExpiresについて書きたいと思います。
弊社コーポレートサイトを生贄 対象にしています。
計測にはGTmetrixを使います。
では早速計測してみましょう。
「C」かぁ・・・悪くないっすね。 が、頑張ります。
Expiresヘッダーを追加してみましょう。
Expiresヘッダーとは
Web page designs are getting richer and richer, which means more scripts, stylesheets, images, and Flash in the page. A first-time visitor to your page may have to make several HTTP requests, but by using the Expires header you make those components cacheable. This avoids unnecessary HTTP requests on subsequent page views. Expires headers are most often used with images, but they should be used on all components including scripts, stylesheets, and Flash components.
Expiresヘッダーを使えばjs、CSS、image、Flashなどをキャッシュさせて、
無駄なhttpリクエストを無くすことができますよー的なことです。
apacheのhttpd.confに以下の行があるか確認してください。
LoadModule expires_module modules/mod_expires.so
以下のような構文を使いExpiresを設定していきます
構文
ExpiresByType MIME-type seconds
または代替構文を使い、読みやすい構文で指定することもできます。
ExpiresByType type/encoding " [plus] {}*"
は以下のどれかです
access
now ("access" と等価)
modification
コアテックコーポレートに設定した値も載せておきます。
今回はapacheの再起動が必要無いように.htaccessを使用しています。
ExpiresActive On
ExpiresByType image/jpeg "access plus 14 days"
ExpiresByType image/gif "access plus 14 days"
ExpiresByType image/png "access plus 14 days"
ExpiresByType video/x-flv "access plus 14 days"
ExpiresByType text/css "access 14 day"
ExpiresByType application/javascript "access 14 day"
Yslowなどで画像ファイルのレスポンスヘッダを見てみましょう。 画像やjsのExpiresに指定した日付が入っていたら成功です。
もう一度、GTmetrixを使い計測してみましょう。
「B」になった☆ やったね(*´∀`)
皆さん、良いお年を~♪
らめぇでした。