WEB高速化の本「ハイパフォーマンスWebサイト ―高速サイトを実現する14のルール」
ハイパフォーマンスWebサイト ―高速サイトを実現する14のルール
Steve Souders (著), スティーブ サウダーズ (著), 武舎 広幸 (翻訳), 福地 太郎 (翻訳), 武舎 るみ (翻訳) ,オライリージャパン (2008/4/11)
久しぶりに発売日が待ち遠しかった本。速読破。
サイトのパフォーマンス評価ツールYSlow(Firefox+Firebugのアドオン)を作成した米Yahoo!パフォーマンス担当責任者著が「高速サイトを実現する14のルール」とともにサイトのパフォーマンスチューニングを伝授してくれます。
「待ち時間の80%はフロントエンドの処理に費やされる」という調査結果のもと、実際のサイトを例にとりフロントエンド中心のパフォーマンスチューニングを解説してくれます。
なんとなく行っていた「コンテンツを圧縮するgzip。JavaScriptを軽量化する縮小化、難読化。ブラウザキャッシュ対策、CSS、JAVASCIPTの外部ファイル化。付加分散。」の「なぜ?」や、まったく知らなかった「Etag、CSS、JAVASCIPTの記述位置」、気軽に使っていた「IEのCSS expressionの問題」。
とくに、CSS、JAVASCIPTの記述位置(ルール5:スタイルシートは先頭に置く、ルール6:スクリプトは最後に置く)は体感速度に大きく関わるのですぐにでも実践したい。
あいまいな理解だったブラウザキャッシュについてもかなり明快に理解することができる。(Etagについては速対応が必要。)
JAVASCIPTの縮小化と難読化の解説もためになる。(難読化は、リスクのわりにその効果は低い)
本当にこういう本を待っていた。
Webの仕事に携わる人必読。今までを反省し、今後のサイトにはできるだけこの「14のルール」を実践したい。◎◎◎
以下目次。
A章 フロントエンドのパフォーマンスの重要性
B章 HTTPの概要
1章 ルール1:HTTPリクエストを減らす
2章 ルール2:CDNを使う
3章 ルール3:Expiresヘッダを設定する
4章 ルール4:コンポーネントをgzipする
5章 ルール5:スタイルシートは先頭に置く
6章 ルール6:スクリプトは最後に置く
7章 ルール7:CSS expressionの使用を控える
8章 ルール8:JavaScriptとCSSは外部ファイル化する
9章 ルール9:DNSルックアップを減らす
10章 ルール10:JavaScriptを縮小化する
11章 ルール11:リダイレクトを避ける
12章 ルール12:スクリプトを重複させない
13章 ルール13:ETagの設定を変更する
14章 ルール14:Ajaxをキャッシュ可能にする
15章 米国トップ10サイトの分析
[...] 前回の「ハイパフォーマンスWebサイト ―高速サイトを実現する14のルール」の続編。 [...]