JavaScript性能优化 度量、监控与可视化PDF电子书下载

第1章 什么是性能 1

1.1 Web性能 1

1.2解析与渲染 4

1.2.1渲染引擎 6

1.2.2 JavaScript引擎 6

1.3运行时性能 8

1.4为什么性能如此重要 8

1.5工具与可视化 9

1.6本书的目的 10

1.7使用的技术以及拓展阅读 11

1.8小结 12

第2章 测量和影响性能的工具与技术 13

2.1Firebug 13

2.1.1安装 13

2.1.2使用 15

2.2 YSlow 16

2.2.1安装 16

2.2.2使用 17

2.3 WebPagetest 19

2.4缩减 23

2.4.1 Minify 24

2.4.2 YUI Compressor 25

2.4.3 Closure Compiler 25

2.4.4结果比较 27

2.4.5分析与可视化 28

2.5 R入门 29

2.5.1安装并运行R 30

2.5.2 R基础 31

2.5.3使用R进行简单绘图 35

2.5.4 R的一个实例 38

2.5.5使用apply（）函数 41

2.6小结 42

第3章 WPTRunner——使用WebPagetest进行自动化性能监测与可视化 44

3.1架构 44

3.2创建一个共享配置文件 47

3.3解析测试结果 50

3.4完成实例 53

3.5数据解析 55

3.6绘制加载时间 56

3.7绘制负载和HTTP请求数 58

3.8开源 61

3.9小结 61

附：WebPagetest的创办人Patrick Meenan访谈 62

第4章 perfLogger——JavaScript基准测试和日志记录 65

4.1架构 65

4.2开始编写代码 68

4.2.1计算测试结果 68

4.2.2设置测试结果元数据 69

4.2.3显示测试结果 69

4.2.4保存数据 70

4.2.5制定公有API 70

4.3远程日志记录 74

4.4一个示例页 78

4.5为测试结果绘制图表 79

4.6开源 81

4.7小结 81

第5章 展望未来，性能的标准化 82

5.1 W3C的Web性能工作组 82

5.2性能对象 82

5.2.1性能定时 83

5.2.2用perfLogger整合性能对象 86

5.3升级日志功能 92

5.4性能导航 92

5.5性能内存 93

5.6高分辨率时间 97

5.7新数据可视化 99

5.8小结 106

第6章 Web性能优化 107

6.1优化页面的渲染瓶颈 107

6.1.1脚本加载 109

6.1.2异步 111

6.1.3对比结果 112

6.2惰性加载 117

6.2.1惰性加载的艺术 117

6.2.2惰性加载脚本 119

6.2.3惰性加载CSS 123

6.2.4为什么不惰性加载图片 129

6.3小结 130

第7章 运行时性能 131

7.1跨作用域的缓存变量和属性 132

7.1.1新建文件 132

7.1.2创建测试 133

7.1.3结果可视化 137

7.1.4属性引用示例 139

7.2核心JavaScript与Frameworks的比较 142

7.2.1 jQuery与JavaScript比较：循环 142

7.2.2 jQuery与JavaScript比较：DOM访问 147

7.3 Eval函数的真正价值 151

7.4 DOM访问 153

7.4.1使用队列完成DOM元素修改 153

7.4.2使用队列添加新节点 156

7.5嵌套循环的代价 158

7.6小结 162

第8章 在性能、软件工程最佳实践和软件产品运行之间谋求平衡 163

8.1在性能与可读性、模块化和良好设计之间谋求平衡 163

8.2焦土化性能 164

8.2.1内联函数 164

8.2.2 Closure Compiler 169

8.3下一步：从实践到实际应用 178

8.3.1 Web性能监测 178

8.3.2用工具检测你的网站 178

8.3.3在测试实验环境中进行基准测试 179

8.3.4分享你的发现 184

8.4小结 185