Web Front-End Performance Optimization

Name: Web Front-End Performance Optimization
ISBN: 9787121403583

田佳奇Publishing House of Electronics Industry · ChinaMar 2021

3.6

Word count: 124K words
Chapters: 73
ISBN: 9787121403583

Report an error Find this book

Summary

This book covers multiple aspects of front-end optimization. More than a tool manual for solving specific performance problems, it helps readers build a complete body of knowledge. On that foundation, readers can draw inferences and extend what they learn—starting from one performance issue and proposing optimization and improvement strategies for the entire system. Front-end performance optimization is a familiar topic, and the industry already has relatively mature optimization methods, but it must be acknowledged that this is a field of constant technological renewal and iteration: new technologies bring new methods and also introduce new problems, and this book addresses both. Ultimately, front-end performance optimization is an engineering practice, so the book not only provides a solid and comprehensive theoretical foundation but also includes a large number of practical cases, fully integrating theory with practice.

Editor's review

This is a front-end performance optimization book oriented toward engineering practice. Unlike common checklist-style tool manuals, it emphasizes helping readers build a complete body of knowledge: starting from a specific performance bottleneck, they can reason back to system-level optimization strategies and develop the ability to draw inferences. The book balances theory and cases, explaining the principles behind optimization methods and showing how to apply them in practical scenarios. It suits developers who want to move from tweaking parameters to making architectural judgments. At the same time, the author does not avoid new problems brought by technological iteration and discusses the new performance challenges introduced by new technologies, so the content does not remain a list of outdated tricks. When reading, it is advisable to use your own project to diagnose against the chapters and turn the book's methods into reusable troubleshooting processes rather than merely memorizing conclusions. For teams, it can also serve as a reference for performance reviews and discussions of optimization plans.

Who it's for

A good fit for

Engineers with basic front-end development experience who want to systematically improve their performance optimization skills
Technical leads responsible for project performance governance who need to establish troubleshooting and optimization processes
Intermediate and senior front-end developers who want to move from specific techniques to systematic methods
Computer science students who have mastered front-end fundamentals and are interested in engineering practice

Not a good fit for

Beginners with no front-end development foundation who are not yet familiar with how pages and scripts run
Readers who only want to quickly look up scattered optimization tips and are unwilling to understand the principles
People who mainly do back-end or embedded development and are not involved in browser-side performance issues

Reading tips

Read through the knowledge system section first, then select chapters based on the most painful performance issues in your own project.
After each chapter, use browser developer tools to conduct a real measurement on an existing project and record before-and-after comparisons.
Rewrite the book's cases into checklists that the team can reuse, making them easy to use in code reviews.
For chapters involving new technologies, verify feasibility against the current project's tech stack before applying them.

About the publisher

Publishing House of Electronics Industry China · Founded in 1982

The Publishing House of Electronics Industry is a comprehensive publisher distinguished by its focus on electronic information and related fields. Judging from the more than 3,000 titles in its catalogue, its publishing covers programming and design, artificial intelligence, computer science, finance and economics, photography, and social sciences, attending both to cutting-edge technology and to general readers. Representative titles include Factor Investing: Methods and Practice, x86 Assembly Language: From Real Mode to Protected Mode, The RISC-V Reader, Artificial Intelligence: Speech Recognition, Understanding and Practice, Phased Array Radar Technology, Radar Target Characteristics, and 100 Go Mistakes and How to Avoid Them, most of which centre on technical methods and engineering practice. Its authors include Shi Chuan, Li Zhong, Wang Xiaobo, David Patterson, Andrew Waterman, and Yu Zihao, among others from China and abroad. Owing to limited public information, no further publishing features are elaborated here.

版权信息
内容简介
前言
第1篇前端性能优化概述
第1章什么是性能优化
1.1 性能的起因
1.2 性能的影响
1.3 性能评估模型
1.4 性能优化的步骤
1.5 本章小结
第2章前端页面的生命周期
2.1 一道前端面试题
2.2 网络请求线程开启
2.3 建立HTTP请求
2.4 前后端的交互
2.5 关键渲染路径
2.6 本章小结
第2篇典型模块的性能优化
第3章图像优化
3.1 图像基础
3.2 图像格式
3.3 使用建议
3.4 本章小结
第4章加载优化
4.1 图像延迟加载
4.2 视频加载
4.3 加载注意事项
4.4 资源优先级
4.5 本章小结
第5章书写高性能的代码
5.1 数据存取
5.2 流程控制
5.3 字符串处理
5.4 快速响应
5.5 其他建议
5.6 本章小结
第6章构建优化
6.1 压缩与合并
6.2 使用fis3进行前端构建
6.3 使用webpack进行前端构建
6.4 webpack的优化性能
6.5 本章小结
第7章渲染优化
7.1 页面渲染性能
7.2 JavaScript执行优化
7.3 计算样式优化
7.4 页面布局与重绘的优化
7.5 合成处理
7.6 本章小结
第8章服务器端渲染
8.1 页面渲染
8.2 Vue中的服务器端渲染
8.3 React中的服务器端渲染
8.4 本章小结
第9章数据存储
9.1 数据存储概览
9.2 通过Chrome开发者工具调试本地存储
9.3 IndexedDB实践建议
9.4 Cache Storage
9.5 本章小结
第10章缓存技术
10.1 HTTP缓存
10.2 Service Worker缓存
10.3 Push缓存
10.4 CDN缓存
10.5 本章小结
第3篇前端性能检测实践
第11章性能检测
11.1 性能检测概述
11.2 Lighthouse
11.3 Performance面板的使用
11.4 本章小结
本书核心内容

FAQ

Is this book more suitable as a tool manual or as systematic learning material?

Both, but it leans toward systematic learning. The book contains many practical cases that can be consulted by problem; however, the author hopes readers will build a complete knowledge system for optimization so they can derive strategies themselves when facing new problems. It is recommended to read through the framework first, then use the cases as practice material.

Is the technology covered in the book likely to become outdated?

The field of front-end performance optimization is indeed continuously iterating, and while the book covers classic methods, it also discusses new methods and new problems brought by new technologies. When reading, focus on the analytical approach and troubleshooting methods, and verify specific tools and parameters against the current project environment; this way the content is less likely to become outdated.

Can I understand it without practical project experience?

The book is supported by theory and cases, but performance optimization is essentially engineering practice, and without project experience it is hard to appreciate the trade-offs in the cases. It is recommended to have completed at least one full front-end project, or to use developer tools on sample pages while reading to verify things hands-on; understanding will be more solid that way.

Comments

Find this book

This site is an index: you start “Search all sources” in your browser, and the entries it lists all point to third-party sites; please judge their availability yourself.

About the author

田佳奇 Author

Public information about Tian Jiaqi is limited; what can currently be confirmed is that this author wrote Web Front-End Performance Optimization, the only work by this author in our catalog. Judging from the subject of this book, the author's writing focuses on computers and Web development, with particular attention to front-end performance, a highly practical branch of the field. Front-end performance optimization involves page loading, resource scheduling, rendering efficiency, and user experience, among other aspects, and requires a systematic grasp of how browsers work and of engineering practice. Having produced a book on this topic suggests that the author has accumulated relevant knowledge and has the ability to organize it. Owing to the limited available material, the author's educational background, professional experience, and research direction cannot be confirmed, and readers may chiefly rely on the content of this book to understand the author's technical interests and manner of presentation.