Web性能实战

版权声明

B.12 更进一步

B.11 删除元素

B.10 隐藏和显示元素

B.9 替换元素

B.8 获取和设置元素内容

B.7 获取和设置属性

B.6 访问和修改样式

B.5 在元素上操作类

B.4 在一组元素上迭代

B.3 绑定事件

B.2 检查DOM是否就绪

B.1 选择元素

附录B 常用jQuery功能的原生等价实现

A.3 其他工具

A.2 基于Node.js的工具

A.1 基于Web的工具

附录A 工具参考

12.5 小结

12.4 深入理解gulp插件

12.3 编写gulp任务

12.2 奠定基础

12.1 关于gulp

第12章 使用gulp自动化优化任务

11.5 小结

11.4 同时优化HTTP/1和HTTP/2

11.3 使用服务器推送抢先发送资源

11.2 探索HTTP/2对应的优化技术变化

11.1 理解HTTP/2的必要性

第11章 HTTP/2未来展望

10.5 小结

10.4 使用资源提示

10.3 使用CDN资源

10.2 缓存资源

10.1 压缩资源

第10章 微调资源传输

9.4 小结

9.3 更新Service Worker

9.2 编写第一个Service Worker

9.1 何为Service Worker

第9章 使用Service Worker提升性能

8.5 小结

8.4 使用requestAnimationFrame设置动画

8.3 脱离jQuery编码

8.2 使用更简洁的兼容jQuery的替代方案

8.1 影响脚本加载行为

第8章 保持JavaScript的简洁与快速

7.5 小结

7.4 优化字体加载

7.3 取字体子集

7.2 压缩EOT和TTF字体格式

7.1 明智地使用字体

第7章 更快的字体

6.5 小结

6.4 懒加载图像

6.3 使用WebP编码图像

6.2 缩小图像

6.1 使用图像雪碧图

第6章 图像的进一步处理

5.5 小结

5.4 在HTML中传输图像

5.3 CSS中的图像传输

5.2 理解图像类型及其应用

5.1 为什么要考虑图像传输

第5章 响应式图像

4.7 小结

4.6 多页网站的注意事项

4.5 提升可维护性

4.4 权衡收益

4.3 实现关键CSS

4.2 关键CSS的原理

4.1 关键CSS及其解决的问题

第4章 理解关键CSS

3.5 小结

3.4 使用CSS过渡

3.3 对CSS进行性能调整

3.2 移动优先即用户优先

3.1 直入主题，保持DRY

第3章 优化CSS

2.8 小结

2.7 创建自定义网络节流配置

2.6 模拟和监控设备

2.5 在Chrome中对JavaScript进行基准测试

2.4 渲染性能检查工具

2.3 检查网络请求

2.2 使用基于浏览器的评估工具

2.1 使用Google PageSpeed Insights进行评估

第2章 使用评估工具

1.6 小结

1.5 最终性能测试

1.4 优化客户网站

1.3 检查客户网站

1.2 上手准备

1.1 理解Web性能

第1章 理解Web性能

关于封面图片

关于本书

致谢

前言

序

数字版权声明

译者简介

作者简介

版权信息

封面

封面

版权信息

作者简介

译者简介

数字版权声明

序

前言

致谢

关于本书

关于封面图片

第1章 理解Web性能

1.1 理解Web性能

1.2 上手准备

1.3 检查客户网站

1.4 优化客户网站

1.5 最终性能测试

1.6 小结

第2章 使用评估工具

2.1 使用Google PageSpeed Insights进行评估

2.2 使用基于浏览器的评估工具

2.3 检查网络请求

2.4 渲染性能检查工具

2.5 在Chrome中对JavaScript进行基准测试

2.6 模拟和监控设备

2.7 创建自定义网络节流配置

2.8 小结

第3章 优化CSS

3.1 直入主题，保持DRY

3.2 移动优先即用户优先

3.3 对CSS进行性能调整

3.4 使用CSS过渡

3.5 小结

第4章 理解关键CSS

4.1 关键CSS及其解决的问题

4.2 关键CSS的原理

4.3 实现关键CSS

4.4 权衡收益

4.5 提升可维护性

4.6 多页网站的注意事项

4.7 小结

第5章 响应式图像

5.1 为什么要考虑图像传输

5.2 理解图像类型及其应用

5.3 CSS中的图像传输

5.4 在HTML中传输图像

5.5 小结

第6章 图像的进一步处理

6.1 使用图像雪碧图

6.2 缩小图像

6.3 使用WebP编码图像

6.4 懒加载图像

6.5 小结

第7章 更快的字体

7.1 明智地使用字体

7.2 压缩EOT和TTF字体格式

7.3 取字体子集

7.4 优化字体加载

7.5 小结

第8章 保持JavaScript的简洁与快速

8.1 影响脚本加载行为

8.2 使用更简洁的兼容jQuery的替代方案

8.3 脱离jQuery编码

8.4 使用requestAnimationFrame设置动画

8.5 小结

第9章 使用Service Worker提升性能

9.1 何为Service Worker

9.2 编写第一个Service Worker

9.3 更新Service Worker

9.4 小结

第10章 微调资源传输

10.1 压缩资源

10.2 缓存资源

10.3 使用CDN资源

10.4 使用资源提示

10.5 小结

第11章 HTTP/2未来展望

11.1 理解HTTP/2的必要性

11.2 探索HTTP/2对应的优化技术变化

11.3 使用服务器推送抢先发送资源

11.4 同时优化HTTP/1和HTTP/2

11.5 小结

第12章 使用gulp自动化优化任务

12.1 关于gulp

12.2 奠定基础

12.3 编写gulp任务

12.4 深入理解gulp插件

12.5 小结

附录A 工具参考

A.1 基于Web的工具

A.2 基于Node.js的工具

A.3 其他工具

附录B 常用jQuery功能的原生等价实现

B.1 选择元素

B.2 检查DOM是否就绪

B.3 绑定事件

B.4 在一组元素上迭代

B.5 在元素上操作类

B.6 访问和修改样式

B.7 获取和设置属性

B.8 获取和设置元素内容

B.9 替换元素

B.10 隐藏和显示元素

B.11 删除元素

B.12 更进一步

版权声明