Webサイトの高速化

2017年7月に内容を大幅に更新しました。

2017年現在では、Full SSL化やHTTP/2、PWAの技術が一般的になり、下記に紹介してきた書籍の内容は古くなっています。

たとえば、HTTP/2のリソースの並行ダウンロード機能は非常に有用です。
またdns-prefetch, preload, preconnectなど新しい機能が多く発表されてきています。

恐らく書籍下記の書籍はもう古すぎるので、発表当時ほどのインパクトは低く、あまり読む必要はないかと思います。

書籍

書籍下記の書籍はもう古すぎるので、発表当時ほどのインパクトは低く、あまり読む必要はないかと思います。記録のため残しておきます。

オライリーから出版されているハイパフォーマンス Webサイト

原著のHigh Performance Web Sitesのページはこちら。
原著者のSteve Soudersさんのホームページはこちら。
また翻訳者のサポートページがあります。

続編の続ハイパフォーマンス Webサイト
 

ツール

PageSpeed Insights

有名過ぎるので、いまさら紹介するまでもありませんが、Google先生のは是非試してみてください。CSSスプライトを利用しなさい、Expiryをヘッダーに付加しなさい、gzip圧縮を有効にしなさいなど、色々なアドバイスを出してくれます。

WebPagetest

実際のページを表示する際に必要な画像をダウンロードするのにかかる時間を細かく測定し、Water fall chartやビデオなどでデータを出力してくれる非常に優れたツールです。 PageSpeed Insightsはスコアという形で表示されますが、実際のユーザの体感を調べるのはこちらのツールの方が優れていると思います。