ページの読み込みを早くするもう20個のtips

PHPケベックカンファレンスYahoo!の人が発表した資料が公開されていますね。

YSlowでチェックできる14個のルールに加えて、あらたに20個のチェックポイントが解説されています。カテゴリごとにわかれているのを要約するとこんな感じ。

サーバ

  • 早めのフラッシュ
  • AjaxにはGET

コンテンツ

  • 遅延読み込み
  • 次回以降のための先行読み込み
  • DOM要素を減らす
  • 複数、しかし4個以下のドメインから並行読み込み
  • iframe個数削減
  • 404エラーをなくす

クッキー

  • Cookieサイズを最小に
  • Cookieを使わないドメインでのホスト分割

Javascript

  • DOMアクセス最小化
  • イベントハンドラの改善

CSS

  • @importじゃなく<link>
  • IEのフィルタは避ける

画像

  • 画像の軽量化 GIFをPNGに、PNGの圧縮、JPEG内のコメント削除
  • CSSスプライトの効率化
  • 表示サイズ以上の画像を送らない
  • faviconを小さく、キャッシュ可能に

モバイル

  • 解凍後のコンポーネントサイズを25Kbytes以下に(iPhoneがキャッシュしなくなる)
  • マルチパート化

さすがに膨大なトラフィックを扱うサイトだなあ、というとこですね。それぞれの説明も読まなきゃ。