高性能网站建设进阶指南 Web开发者性能优化最佳实践2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载

高性能网站建设进阶指南 Web开发者性能优化最佳实践PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

第1章：理解Ajax性能1

1.1 权衡1

1.2 优化原则2

1.3 Ajax4

1.4 浏览器4

1.5 哇！5

1.6 JavaScript6

1.7 总结6

第2章：创建快速响应的Web应用7

2.1 怎样才算足够快9

2.2 测量延迟时间10

2.2.1 当延迟变得很严重时12

2.3 线程处理12

2.4 确保响应速度13

2.4.1 Web Workers14

2.4.2 Gears14

2.4.3 定时器16

2.4.4 内存使用对响应时间的影响17

2.4.5 虚拟内存18

2.4.6 内存问题的疑难解答18

2.5 总结19

第3章：拆分初始化负载21

3.1 全部加载21

3.2 通过拆分来节省下载量22

3.3 寻找拆分23

3.4 未定义标识符和竞争状态24

3.5 个案研究：Google日历25

第4章：无阻塞加载脚本27

4.1 脚本阻塞并行下载27

4.2 让脚本运行得更好29

4.2.1 XHR Eval29

4.2.2 XHR注入31

4.2.3 Script in Iframe31

4.2.4 Script DOM Element32

4.2.5 Script Defer32

4.2.6 document.write Script Tag33

4.3 浏览器忙指示器33

4.4 确保（或避免）按顺序执行35

4.5 汇总结果36

4.6 最佳方案38

第5章：整合异步脚本41

5.1 代码示例：menu.js42

5.2 竞争状态44

5.3 异步加载脚本时保持执行顺序45

5.3.1 技术1：硬编码回调（Hardcoded Callback）46

5.3.2 技术2：Window Onload47

5.3.3 技术3：定时器（Timer）48

5.3.4 技术4：Script Onload49

5.3.5 技术5：降级使用script标签（Degrading Script Tags）50

5.4 多个外部脚本52

5.4.1 Managed XHR52

5.4.2 DOM Element和Doc Write56

5.5 综合解决方案59

5.5.1 单个脚本59

5.5.2 多个脚本60

5.6 现实互联网中的异步加载63

5.6.1 Google分析和Dojo63

5.6.2 YUI Loader65

第6章：布置行内脚本69

6.1 行内脚本阻塞并行下载69

6.1.1 把行内脚本移至底部70

6.1.2 异步启动执行脚本71

6.1.3 使用script的defer属性73

6.2 保持CSS和JavaScript的执行顺序73

6.3 风险：把行内脚本放置在样式表之后74

6.3.1 大部分下载都不阻塞行内脚本74

6.3.2 样式表阻塞行内脚本75

6.3.3 问题确曾发生77

第7章：编写高效的JavaScript79

7.1 管理作用域79

7.1.1 使用局部变量81

7.1.2 增长作用域链83

7.2 高效的数据存取85

7.3 流控制88

7.3.1 快速条件判断89

7.3.2 快速循环93

7.4 字符串优化99

7.4.1 字符串连接99

7.4.2 裁剪字符串100

7.5 避免运行时间过长的脚本102

7.5.1 使用定时器挂起103

7.5.2 用于挂起的定时器模式105

7.6 总结107

第8章：可伸缩的Comet109

8.1 Comet工作原理109

8.2 传输技术111

8.2.1 轮询111

8.2.2 长轮询112

8.2.3 永久帧113

8.2.4 XHR流115

8.2.5 传输方式的前景116

8.3 跨域116

8.4 在应用程序上的执行效果118

8.4.1 连接管理118

8.4.2 测量性能119

8.4.3 协议119

8.5 总结120

第9章：超越Gzip压缩121

9.1 这为什么很重要121

9.2 问题的根源123

9.2.1 快速回顾123

9.2.2 罪魁祸首123

9.2.3 流行的乌龟窃听者实例124

9.3 如何帮助这些用户124

9.3.1 设计目标：最小化未压缩文件的尺寸125

9.3.2 引导用户129

9.3.3 对Gzip的支持进行直接探测130

第10章：图像优化133

10.1 两步实现简单图像优化134

10.2 图像格式135

10.2.1 背景135

10.2.2 不同图像格式的特性137

10.2.3 PNG的更多资料139

10.3 自动无损图像优化141

10.3.1 优化PNG格式的图像142

10.3.2 剥离JPEG的元数据143

10.3.3 将GIF转换成PNG144

10.3.4 优化GIF动画144

10.3.5 Smush.it145

10.3.6 使用渐进JPEG格式来存储大图像145

10.4 Alpha透明：避免使用AlphaImageLoader146

10.4.1 Alpha透明度的效果147

10.4.2 A1phaImageLoader149

10.4.3 AlphaImageLoader的问题150

10.4.4 渐进增强的PNG8 Alpha透明151

10.5 优化Sprite153

10.5.1 超级Sprite VS．模块化Sprite154

10.5.2 高度优化的CSS Sprite155

10.6 其他图像优化方法155

10.6.1 避免对图像进行缩放155

10.6.2 优化生成的图像156

10.6.3 Favicons157

10.6.4 Apple触摸图标158

10.7 总结159

第11章：划分主域161

11.1 关键路径161

11.2　谁在划分主域163

11.3 降级到HTTP/1.0165

11.4 域划分的扩展话题168

11.4.1 IP地址和主机名168

11.4.2 多少个域168

11.4.3 如何划分资源168

11.4.4 新型浏览器169

第12章：尽早刷新文档的输出171

12.1 刷新文档头部的输出171

12.2 输出缓冲173

12.3 块编码175

12.4 刷新输出和Gzip压缩176

12.5 其他障碍177

12.6 刷新输出时的域阻塞178

12.7 浏览器：最后的障碍178

12.8 不借助PHP进行刷新输出179

12.9 刷新输出问题清单180

第13章：少用iframe181

1 3.1 开销最高的DOM元素181

1 3.2 iframe阻塞onload事件182

1 3.3 使用iffame并行下载184

13.3.1 脚本位于iframe之前184

13.3.2　样式表位于iframe之前185

13.3.3 样式表位于iframe之后186

13.4 每个主机名的连接187

1 3.4.1 iframe中的连接共享187

13.4.2 跨标签页和窗口的连接共享188

13.5 总结使用iframe的开销190

第14章：简化CSS选择符191

14.1 选择符的类型191

14.1.1 ID选择符192

14.1.2 类选择符193

14.1.3　类型选择符193

14.1.4 相邻兄弟选择符193

14.1.5 子选择符193

14.1.6 后代选择符193

14.1.7 通配选择符194

14.1.8　属性选择符194

14.1.9 伪类和伪元素194

14.2 高效CSS选择符的关键194

14.2.1 最右边优先195

14.2.2 编写高效的CSS选择符195

14.3 CSS选择符性能197

14.3.1 复杂的选择符影响性能（有时）197

14.3.2 应避免使用的CSS选择符200

14.3.3 回流时间201

14.4 在现实中测量CSS选择符202

附录：性能工具205

索引221