ホームページの高速化

googleでのホームページの接続スピードが検索順位に関係があると発表があってから、昔買っていた本を引っ張りだして勉強を始めました。

?CSS スプライト

http://ja.spritegen.website-performance.org/

ここのサイトを使うと簡単に透過pngを作ってくれます。
これを使って小さな画像をくっつけて、最速化!!

?mod_expires

apache 2.0以降の場合
http.confにかきたす

ExpiresActive On
ExpiresDefault "access plus 300 seconds"

Options FollowSymLinks MultiViews
AllowOverride All
Order allow,deny
Allow from all

ExpiresBytype text/html "access plus 1 day"
ExpiresBytype text/css "access plus 1 day"
ExpiresBytype text/javascript "access plus 1day"
ExpiresBytype image/gif "access plus 1 day"
ExpiresBytype image/jpg "access plus 1 day"
ExpiresBytype image/png "access plus 1 day"
ExpiresByType application/x-javascript "access plus 1 day"
ExpiresByType application/x-shockwave-flash "access plus 1 day"
で設定を行う!

わかりやすいサイトがありました。
http://gihyo.jp/admin/serial/01/unix/0018
http://colo-ri.jp/develop/2010/02/post_11.html

?javascriptは最後に置く!

そのままですね。javascriptのタグは一番最後に置く

最近流行のjQuery protypeなどを使っている場合は
からダウンロードして使うようにすれば、キャッシュ＋圧縮されているので

http://code.google.com/intl/ja/apis/ajaxlibs/

ありがたや〜