Webフロントエンド ハイパフォーマンス チューニング
久保田 光則技術評論社352ページISBN 9784774189673
パフォーマンスチューニングタグで6位（20冊中）。Zenn・Qiitaなどの3記事で紹介（時点）。
- 紹介記事
- 3件
- 媒体別
- Zenn 1・Qiita 1・企業テックブログ 1
- 初めての紹介
- 最新の紹介
この本を選ぶ前に
- 出版年
- （約9年前）
- タグ内の順位
- パフォーマンスチューニングタグで6位（20冊中・紹介記事数の順）
紹介された時期
2020年から2021年にかけて、続けて紹介されています。最新は2021年7月です。
紹介している記事（3件）
記事ごとの説明は、記事本文のうちこの本に触れた部分をAIが要約したもので、筆者の原文ではありません。
- エンジニア転職して一年経つので自宅学習で使った技術書&Udemyをジャンル別に評価してみた Qiita · すずき · · いいね 173
技術書などをジャンル別に振り返る記事の「フロントエンドパフォーマンス」の項で、現場でフロントエンドのパフォーマンスに困ったときに本書を手に取ったと述べている。レンダリングの順番や表示パフォーマンスの計測法など、フロントエンドの基本事項がわかりやすく記載されており、とても勉強になったと評価している。
- フロントエンド一年目が2020年に読んだ本まとめ Zenn · hakushun · · いいね 29
- Reduxのパフォーマンス改善でImmutable Dataの概念にぶち当たった話 企業テックブログ · ワウテック ·
初めてのパフォーマンス改善だったため、チューニングの基礎が書かれた本として読んだと述べている。Reduxのパフォーマンス改善には直接関係しなかったものの、さまざまなテクニックが載っており、今後の開発にも役立ちそうだとしている。
この本について
WebサイトやWebアプリケーションの表示を速くするため、ブラウザのレンダリングの仕組みと計測に基づくチューニングを学ぶ本である。リソースの読み込み、JavaScriptの実行、レイアウトツリーの構築、描画を順に取り上げ、画像やスクリプトの読み込み、メモリ管理、イベント処理、DOM操作、CSS、GPU合成などの改善方法を解説する。計測では指標の設定、開発者向けツールやJavaScriptによる測定、診断ツール、継続的な監視を扱う。大量のDOM要素を表示する方法やアニメーションの最適化に加え、インジケータやプレビュー、無限スクロールによって待ち時間の感じ方を改善する手法も取り上げる。SVGのアニメーション特性も付録で扱う。
出版社の内容紹介・目次と紹介記事をもとにAIが要約したものです。原文の転載ではありません。
目次（主な章）
出典: 出版社の書籍ページ （章の見出しのみ）
- 1. ウェブパフォーマンスとは何か
- 2. ブラウザのレンダリングの仕組み
- 3. チューニングの基礎
- 4. リソース読み込みのチューニング
- 5. JavaScript実行のチューニング
- 6. レイアウトツリー構築のチューニング
- 7. レンダリング結果の描画のチューニング
- 8. 高度なチューニング
- 9. 認知的チューニング
- Appendix. SVGのパフォーマンス特性