本书以Web性能优化为重点,深入浅出地介绍了性能优化所涉及到的方方面面知识,详细解答了为何要做性能优化,性能优化又需要从何处着手,性能优化的过程又需要考虑到哪些问题?需要做怎样的权衡?内容包括:第1章 用户体验(UE——userexperience);第2章 前端性能瓶颈(Front-end performance bottleneck);第3章 前端的分层(Front-end layering);第4章 HTML层级优化;第5章 CSS层级优化;第6章 JavaScript层级优化;第7章 资源加载优化(Resource loading optimization);第8章 其他层级优化(Other hierarchical optimization);第9章 前端调试(Front-end debugging);第10章 常见自动化构建工具(Common automated build tools);第11章新技术对性能的提升(Performance improvements from new technologies);第12章 思想高于逻辑 逻辑强于代码(Thought over logic over code)。第13章 性能优化案例分析(Performance optimization case study),本书适合程序员及Web开发者阅读。
陈铎鑫 Web前端开发工程师,慕课网认证作者。参与过大规模系统前端架构设计及前端技术选型,并实际落地应用于各大平台。参与过公司平台数据可视化展示,3D实景应用,智感小区等前端落地应用产品开发。
第1篇 用户体验
第1 章 用户体验
1 1 何为用户体验
1 2 了解用户心理
1 3 前端的作用
第2篇 宏观上的俯瞰
第2 章 前端性能瓶颈
2 1 技术框架选型
2 2 项目复杂程度
2 3 运行环境
第3 章 前端的分层
3 1 HTML 结构层
3 2 CSS 样式层
3 3 JS 行为层
第3篇 分条目详解性能优化
第4 章 HTML 层级优化
4 1 化繁为简
4 2 标签属性及模板
4 3 容易忽略的细节
第5 章 CSS 层级优化
5 1 样式多复用
5 2 CSS 选择器
5 3 减少“昂贵”的样式成本
5 4 CSS 层级其他优化
第6 章 JavaScript 层级优化
6 1 JavaScript 的运行机制
6 2 定时器是一把双刃剑
6 3 事件的绑定
6 4 一些优秀的JavaScript 层级思想
第7 章 资源加载优化
7 1 资源解析优化
7 2 加载模式
7 3 资源优化处理
第8 章 其他层级优化
8 1 页面渲染过程
8 2 控制交互请求
8 3 合理的数据结构
8 4 有趣的异步
8 5 充分利用硬件GPU 加速
第4篇 好用的前端工具与新技术
第9 章 前端调试
9 1 强大的Chrome
9 2 断点
第10 章 常见的自动化构建工具
10 1 构建工具概述
10 2 Grunt
10 3 Gulp
10 4 强大的Webpack
第11 章 新技术对性能的提升
11 1 即时通信
11 2 MVVM 框架
11 3 Vue 相关知识
11 4 移动端相关应用
第5篇 前端思想与案例分析
第12 章 思想高于逻辑,逻辑强于代码
12 1 首次架构重于迭代升级
12 2 良好的编码习惯
12 3 代码重构
12 4 开发效率与性能间的权衡
第13 章 性能优化案例分析
13 1 某搜索网站的优化
13 2 某电商网站的优化
13 3 某新闻网站的优化