Web性能实践日志

《Web性能实践日志》包含了众多领域专家的关于 Web 性能的文章。其中包括了许多性能相关的主题，如开源工具、缓存、移动网络和应用、自动化、用户体验优化、HTML5、JavaScript、CSS3、指标、ROI和网络协议。本书的视野并不仅仅局限于常规的前端性能优化主题，还涉及了网络环境甚至协议对性能的影响等内容；同时，《Web性能实践日志》也探讨了若干移动端的性能问题及优化方案。
《Web性能实践日志》的作者都是全球知名的Web开发和性能维护方面的专家甚至大师，包括Nicholas Zakas、Steve Souders、Stoyan Stefanov等。因此，本书是Web性能领域的百家之言和智慧结晶。
《Web性能实践日志》适合有一定经验的Web开发者阅读，尤其适合那些致力于全面提升Web性能的专业开发者阅读参考。

StoyanStefanov(https://phpied．com/)(@stoyanstefanov)是一名Facebook工程师、前雅虎作者(“JavaScript模式”、“面向对象的JavaScript”)、演讲者(JSConf、Velocity、Fronteers)、工具开发者(Smush.it、YSlow的2.0)和吉他英雄的崇拜者(https://givepngachance.com/)。

目录

第1章WebPageTest内部原理1
1．1函数拦截2
1．2代码注入2
1．3决定浏览器架构3
1．4获取代码4
1．5浏览器的发展4

第2章localStorage读取性能5
2．1基准测试6
2．2这是怎么回事6
2．3优化策略7
2．4跟进8

第3章内联不是万能的10
3．1没有浏览器缓存10
3．2没有边缘缓存11
3．3没有按需加载12
3．4浏览器预加载失效13
3．5不完美的方案：只在第一次访问时采用内联方式13
3．6总结和建议14

第4章加载异步脚本的艺术16
4．1Facebook插件JS SDK16
4．2设计原则和标准18
4．3代码片段18
4．4插入脚本的其他方案20
4．5终于…… 21
4．6我们遗漏了什么21
4．7如果我是代码片段的使用者22
4．8离别感言：站在巨人的肩膀上22

第5章运营商网络：钻进兔子洞24
5．1多样化24
5．2延迟25
5．3编码变换25
5．4这是一座金山26
5．54G也不能拯救我们26
5．6我们要去向何方27
5．7隧道尽头的光27

第6章HTTP并行化29
6．1介绍：滚下楼梯29
6．2目前最佳实践：绕过HTTP30
6．3实验：深入研究HTTP Archive31
6．4结果：大量的连续请求序列32
6．5推荐：是时候修改协议了32

第7章自动化网站性能优化34

第8章前端单点故障36
8．1Business Insider网站36
8．2CNET网站37
8．3O’Reilly Radar网站39
8．4引起前端单点故障的原因40
8．5避免前端单点故障41
8．6行动起来41

第9章关于YSlow43

第10章高性能原生移动应用46
10．1注意你的瀑布流47
10．2压缩这些资源47
10．3不要重复下载48
10．4太多图片会减慢你的速度么49
10．5后记50

第11章纯CSS3图片？哼，也许晚点再说吧51
11．1挑战51
11．2动手写CSS352
11．3跨浏览器效果52
11．4基准测试54
11．4．1加载成本55
11．4．2渲染55
11．5达到我们的目标了么57
11．6附录：代码目录57
11．6．1HTML57
11．6．2css59

第12章Android中下载无用背景图片63
12．1Android下的问题63
12．2无法解决64

第13章网络计时65

第14章我对HTTP的理解/思考71
14．1icy71
14．2一些细节71
14．3演练71
14．4待办事项77
14．5前进道路80
14．6我想要的圣诞礼物80

第15章使用智能缓存避免机器人性能开销81

第16章导航计时API实践84
16．1为什么要关心这些84
16．2收集导航计时时间戳并将它们转为有用的度量值85
16．3使用Google分析作为性能数据仓库85
16．4Google分析中的性能报告86
16．5限制86
16．6最后的思考87

第17章响应时间对业务的影响88

第18章考虑移动界面的性能91
18．1电池寿命91
18．2延迟92
18．3嵌入CSS和JS：最佳实践92
18．4内存94
18．4．1优化图片95
18．4．2权衡CSS的好处96
18．4．3GPU的好处及陷阱96
18．4．4视口：眼不见，心还是得为它“烦”97
18．4．5最小化DOM97
18．5UI响应97
18．6总结98

第19章别再浪费时间使用Google Analytics的站点速度报告了99
19．1问题：Firefox中关于Navigation Timing API的一个bug99
19．2解决方案：在Google Analytics中滤除Firefox的时间100
19．3好消息：这个bug已在Firefox 9中修复101
19．4结语101

第20章超越Web开发者工具：Strace102
20．1其他平台怎么办102
20．2开始103
20．3校正103
20．4示例：本地存储103
20．5我们才刚触及皮毛104

第21章mod_spdy介绍：Apache HTTP Server的SPDY模块105
21．1mod_spdy入门105
21．2SPDY和Apache105
21．3帮助改进mod_spdy107

第22章CommonJS模块的惰性求值108
22．1深入理解Text/JavaScript类型108
22．2懒加载110
22．3用延迟执行来挽救110
22．4在CommonJS模块中创建懒执行112

第23章关于接受建议的建议114

第24章为什么你对性能测试结果的解读可能是错误的(至少你在大公司里工作)118
24．1测试方法119
24．2测试结果119
24．3结论120
24．4为什么这个问题如此重要120
24．5几个重要的点120

第25章有损图像压缩122

第26章基于Selenium和JavaScript的性能测试126
26．1记录数据127
26．2收集和分析数据128
26．3示例结果129
26．4帮助/益处130
26．5结束语130
26．6致谢131

第27章一个评估网站性能的简单方法132
27．1概念132
27．2优势133
27．3局限133
27．4结束语134

第28章超越带宽：UI性能135
28．1引言135
28．2页面加载后：UI层136
28．3UI性能分析工具136
28．4CSS压力测试136
28．5CSS性能分析器137
28．6CSS Lint137
28．7DOM Monster137
28．8对速度的感知/速度感138
28．9花絮138
28．10呼吁关注UI性能139

第29章CSS Selector性能改变了(变得更好了)141
29．1样式共享(Style Sharing)142
29．2规则哈希(Rule Hashes)142
29．3父过滤器(Ancestor filters)142
29．4快速路径(Fast Path)143
29．5还有什么仍然很慢呢143

第30章大胆尝试PhantomJS和confess．js145
30．1性能概要145
30．2应用程序缓存清单(App Cache Manifest)147
30．3发展和完善148

第31章两次测量一次优化149
31．1识别需要优化的页面/部分150
31．2识别需要优化的功能151
31．3优化151

第32章后端问题检测153
32．1适当的后端时间该是多少154
32．2搞清楚是怎么回事155
32．3修复158
32．4最后158

第33章Web字体性能：@font-face及其他解决方案间的权衡159
33．1字体托管服务与自主开发159
33．1．1字体托管服务159
33．1．2DIY方式160
33．2FOUT是什么160
33．3移除多余的字体字形161
33．4JavaScript字体加载器162
33．5Boot．getFont介绍：一种快速、小巧的Web字体加载器163
33．6Gentlefonts，启动你的引擎164
33．7我的观察168
33．8一些想法168