ハイパフォーマンスWebサイト —高速サイトを実現する14のルール

投稿日：2008年5月16日

会社で課題図書として回ってきたので（笑）早速読破したのですが、これは過去ナンバー１で役に立った技術本といってもいいかもしれない。
ハイパフォーマンスWebサイト ―高速サイトを実現する14のルール
Steve Souders スティーブサウダーズ武舎広幸

いや、冗談抜きで。

ハイパフォーマンス改善などというと、大体サーバサイドの話になってしまうのですが、この本では「パフォーマンスの問題の80%はフロントエンドにある」という調査結果を元に、具体的な問題点と解決方法を解説しています。
以下、目次

A章 フロントエンドのパフォーマンスの重要性
B章 HTTPの概要
１章 ルール１：HTTPリクエストを減らす
２章 ルール２：CDNを使う
３章 ルール３：Expiresヘッダを設定する
４章 ルール４：コンポーネントをgzipする
５章 ルール５：スタイルシートは先頭に置く
６章 ルール６：スクリプトは最後に置く
７章 ルール７：CSS expressionの使用を控える
８章 ルール８：JavaScriptとCSSは外部ファイル化する
９章 ルール９：DNSルックアップを減らす
10章 ルール10：JavaScriptを縮小化する
11章 ルール11：リダイレクトを避ける
12章 ルール12：スクリプトを重複させない
13章 ルール13：ETagの設定を変更する
14章 ルール14：Ajaxをキャッシュ可能にする
15章 米国トップ10サイトの分析

A章、B章ではまず、HTTPの仕組みの解説となぜパフォーマンス改善にフロントエンドの処理が重要なのかが解説されています。この本を読み進める上での大前提になるのでしっかり理解しておきたい部分です。そして、読んで行くとキャッシュ、圧縮、Keep-Alive、持続接続（Persistent Connection）、パイプラインなど、なんだか覚えのある単語が続々でてきました。
そうです、「Macのネット環境高速化「dolipo」はナゼこんなに速いのか」のエントリーで調べた事がそのままでているような内容なのです。Webの高速化というテーマでは基本中の基本という事なのでしょうね。上記エントリーも参考になると思いますのでぜひご一読を。
あとは、１４もの具体的なテクニックの説明になるのですが、これは役に立ちすぎて１エントリーでは書ききれません。それに、こういった内容は実践してみて初めて身に付くものなので、是非できるところから実際にやってみて複数回に分けてレポートしていきたいと思います。（多分…）
ただ、このブログでやる場合、できる範囲も限られてくるので実際やりそうなのは、

１章 ルール１：HTTPリクエストを減らす
３章 ルール３：Expiresヘッダを設定する
４章 ルール４：コンポーネントをgzipする
５章 ルール５：スタイルシートは先頭に置く
６章 ルール６：スクリプトは最後に置く
８章 ルール８：JavaScriptとCSSは外部ファイル化する
10章 ルール10：JavaScriptを縮小化する
12章 ルール12：スクリプトを重複させない
13章 ルール13：ETagの設定を変更する

ってとこかなぁ。・・・いや、十分多いから。
とにもかくにも、超オススメな本ですので、Webに関わる人はつべこべいわず読め！
「ワタシ、パフォーマンスとかは専門外なので」っていってるデザイナーさんやコーダーさんにも絶対役立ちますよ！

ハイパフォーマンスWebサイト —高速サイトを実現する14のルール

関連エントリー