超速! Webページ速度改善ガイド

使いやすさは「速さ」から始まる

本書では「超速!」と銘を打って、Webページの速度を改善するためのノウハウを紹介します。 Webページの速度は、みなさんのビジネスにおけるWebの価値を大きく左右します。 Webページを構成する要素としてネットワーク処理、レンダリング処理、スクリプト処理の3つを取り上げ、これらを詳しく説明することで高速化に関する知識を網羅します。 各テーマについては、基礎知識の章と、実践的な問題の調査と改善の章の2本立てで解説を進めます。 これにより、調査によって個別の問題に分解して把握する力と、それに対する適切な改善を実行する力を身に付けられます。

本体価格 2,786

目次

  1. 第1章 Webページの速度

    1. Webページの速度とは何か
    2. Webページの速度の重要性
    3. Webフロントエンド高速化のポイント
    4. Webフロントエンド高速化の取り組み方
    5. Webページの調査に必要なブラウザの開発者ツール
    6. Webページのリソース最適化に必要なNode.js
  2. 第2章 ネットワーク処理の基礎知識

    1. ページロードの速度を左右するネットワーク処理
    2. ネットワーク処理の基本
    3. ネットワーク処理の調査と計測
    4. プロダクトに応じた指標作り
  3. 第3章 ネットワーク処理の調査と改善

    1. サイズの大きいリソースの調査と改善
    2. 待機時間が長いリクエストの調査と改善
    3. リクエスト数の調査と改善
    4. クリティカルレンダリングパスの調査と改善
    5. Webフォントに関わるリソースの調査と改善
  4. 第4章 レンダリング処理の基礎知識

    1. スムーズなUIとスムーズでないUIの違い
    2. レンダリング処理の基本
    3. レンダリング処理の調査と計測
  5. 第5章 レンダリング処理の調査と改善

    1. レイアウト算出の調査と改善
    2. ペイント処理の調査と改善
    3. 意図しないCompositingの調査と改善
    4. アニメーションの調査と改善
  6. 第6章 スクリプト処理の基礎知識

    1. あらゆるブラウザ処理に関わるJavaScriptの実行
    2. スクリプト処理の基本
    3. スクリプト処理の調査と計測
  7. 第7章 スクリプト処理の調査と改善

    1. 重いスクリプト処理の調査と改善
    2. メモリリークの調査と改善
    3. 高頻度で実行されるGCの調査と改善
    4. 未解放のイベントリスナとタイマーの調査と改善
  8. 第8章 画像の最適化に役立つテクニック

    1. 画像がWebページの速度に及ぼす影響
    2. 画像の基本
    3. 主要な画像形式
    4. 画像の最適化
    5. 画像リソースの効率的なレスポンシブWeb対応
  9. 第9章 ネットワーク処理の効率化に役立つポイント

    1. Service Workerによるネットワークリソースの制御
    2. Resource Hintsによるリソースの先読み

著者

佐藤歩(さとうあゆむ) @ahomu

Webアプリケーション開発屋のあほむです。専門はWebフロントエンドのアーキテクチャ設計とパフォーマンス改善で、最近はWebのパフォーマンスとアクセシビリティの連続性に思いを馳せています。趣味は料理と温泉と二次元。

泉水翔吾(せんすいしょうご) @1000ch

SIerでのプログラマーを経てWeb業界に転職して以来、Web技術に没頭する日々を送っています。Web標準の動向やアーキテクチャの流行を追いかけつつ、技術啓蒙やOSS活動に励んでいます。

コメント

「推測するな、計測せよ」を地で行く本。「属人性の高い高度に発達した勘」から体系的な知識への転換。
100人いれば100人さまざまなように、あなたが開発しているWebサイト・アプリケーションのどこにパフォーマンスのボトルネックがあるのかはあなたにしかわからない。そのための調査なのだ。
『超速! Webページ速度改善ガイド』ほどプロトコルのレイヤから画像の圧縮形式の話、ブラウザの内部処理の話、JavaScriptのGC、Service Workerの話までWebに関わる古今東西と未来をきちんと1冊にまとめている本は僕は知りません。