前言
我要感谢所有的审阅者:Julien Lecomte、Matthew Russell、Bill Scott和Tenni Theurer。此外特别要感谢Eric Lawrence和Andy Oram。Eric校对了本书和《高性能网站建设指南》。他在两本书中都提供了极其深入且专业的反馈。Andy是我的前一本书《高性能网站建设指南》的编辑,他负责改善本书,使每一句、每一节、每一章都畅通易读,相比别人而言他的工作可谓辛苦至极。
特别感谢我的编辑Mary Treseler。很多编辑都经历过与多位作者协作整理同一本书的挑战。我很高兴她接手了这个项目,并帮助指导我们将大量想法顺利地呈现在你手上的这本书中。
在谷歌我与一群热爱研究Web性能的人一块工作。Tony Gentilcore是Fasterfox的创造者和第9章的作者。他也是我的同事,我们一天得讨论好几次关于Web性能的看法。Steve Larnm、Lindsey Simon和Annie Sullivan经常与我一同工作,他们热衷于性能优化。据我所知,其他对Web性能有贡献的“Googler”包括Jacob Hoffman-Andrews、Kyle Scholz、Steve Krulewitz、Matt Gundersen、Gavin Doughtie和Bryan McQuade。
本书中许多见解来源于我在Google以外的朋友。他们知道,如果给我一个改善性能的思路,这个思路很可能会见诸于一本书或一篇博文。这个性能亲友团成员包括Dion Almaer、Artur Bergman,Doug Crockford,Ben Galbraith,Eric Goldsmith、Jon Jenkins,Eric Lawrence、Mark Nottingham、Simon Perkins、John Resig、Alex Russell、Eric Schurman、Dylan Schiemann?Bill Scott、Jonas Sicking、Joseph Smarr和Tenni Theurer。
这份名单难以面面俱到,对此我感到很抱歉。感谢他们抽出宝贵时间给我发送电子邮件或在会议上和我交流,他们的经验教训与成功案例令我坚持下去,重要的是我知道了有这么多人都在致力于提高Web的速度。
谢谢你们,我的父母,你们一直以来以身为作家的儿子为豪。尤其要谢谢我的妻子和3个女儿,我向你们保证现在开始休假。
作者简介
桑德斯(Steve Souders),现在Google工作,负责Web性能开源组织。他是Firebug性能分析扩展工具——YSlow的创造者,也是OReillyWeb性能与运作会议Velocity的联合主席。Steve经常在会议和诸如Microsoft、Amazon、MySpace、LinkedIn和Facebook这样的知名高科技公司发表演讲。
特约作者:Dion Almaer、Doug Crockford、Ben Galbraith、Tony Gentilcore、Dylan Schiemann、Stoyan Stefanov、Nicole Sullivan和Nicholas C.Zakas。
目录
前言
第1章:理解Ajax性能 1
1.1 权衡 1
1.2 优化原则 2
1.3 Ajax 4
1.4 浏览器 4
1.5 哇! 5
1.6 JavaScript 6
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 Workers 14
2.4.2 Gears 14
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 Eval 29
4.2.2 XHR注入 31
4.2.3 Script in Iframe 31
4.2.4 Script DOM Element 32
4.2.5 Script Defer 32
4.2.6 document.write Script Tag 33
4.3 浏览器忙指示器 33
4.4 确保(或避免)按顺序执行 35
4.5 汇总结果 36
4.6 最佳方案 38
第5章:整合异步脚本 41
5.1 代码示例:menu.js 42
5.2 竞争状态 44
5.3 异步加载脚本时保持执行顺序 45
5.3.1 技术1:硬编码回调(Hardcoded Callback) 46
5.3.2 技术2:Window Onload 47
5.3.3 技术3:定时器(Timer) 48
5.3.4 技术4:Script Onload 49
5.3.5 技术5:降级使用script标签(Degrading Script Tags) 50
5.4 多个外部脚本 52
5.4.1 Managed XHR 52
5.4.2 DOM Element和Doc Write 56
5.5 综合解决方案 59
5.5.1 单个脚本 59
5.5.2 多个脚本 60
5.6 现实互联网中的异步加载 63
5.6.1 Google分析和Dojo 63
5.6.2 YUI Loader 65
第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章:编写高效的JavaScript 79
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章:可伸缩的Comet 109
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转换成PNG 144
10.3.4 优化GIF动画 144
10.3.5 Smush.it 145
10.3.6 使用渐进JPEG格式来存储大图像 145
10.4 Alpha透明:避免使用AlphaImageLoader 146
10.4.1 Alpha透明度的效果 147
10.4.2 AlphaImageLoader 149
10.4.3 AlphaImageLoader的问题 150
10.4.4 渐进增强的PNG8 Alpha透明 151
10.5 优化Sprite 153
10.5.1 超级Sprite VS.模块化Sprite 154
10.5.2 高度优化的CSS Sprite 155
10.6 其他图像优化方法 155
10.6.1 避免对图像进行缩放 155
10.6.2 优化生成的图像 156
10.6.3 Favicons 157
10.6.4 Apple触摸图标 158
10.7 总结 159
第11章:划分主域 161
11.1 关键路径 161
11.2 谁在划分主域 163
11.3 降级到HTTP/1.0 165
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
……
第13章:少用iframe 181
第14章:简化CSS选择符 191
附录:性能工具 205
索引 221
内容摘要
《高性能网站建设进阶指南:Web开发者性能优化优秀实践》是《高性能网站建设指南》姊妹篇。作者Steve Souders是Google Web性能布道者和Yahoo!前首席性能工程师。在本书中,Souders与8位专家分享了提升网站性能的优秀实践和实用建议,主要包括:理解Ajax性能,编写高效的JavaScript,创建快速响应的应用程序、无阻塞加载脚本, 跨域共享资源,无损压缩图片大小,使用块编码加快网页渲染;避免或取代iframe的方法,简化CSS选择符,以及其他技术。
性能是任何一个网站成功的关键,然而,如今日益丰富的内容和大量使用Ajax的Web应用程序已迫使浏览器达到其处理能力的极限。Steve Souders是GoogleWeb哇能布道者和前Yahoo!首席性能工程师,他在本书中提供了宝贵的技术来帮助你优化网站性能。
Souders的上一本畅销书《高性能网站建设指南》 (High Performance Web Sites)震惊了Web开发界,它揭示了在客户端加载一个网页的时间大约占用了总时耗的80%。在《高性能网站建设进阶指南》 (Even Faster Web Sites)这本书中,Souders与另外8位专家级特约作者提供了提升网站性能的优秀实践和实用建议,主要包括以下3个关键领域。
·JavaScript——你将获得忠告:理解Ajax性能、编写高效的JavaScript、创建快速响应的应用程序、无阻塞加载脚本等。
·网络——你将学到:跨域共享资源、无损压缩图片大小,以及使用块编码加快网页渲染。
·浏览器——你将发现:避免或取代iframe的方法、简化CSS选择符,以及其他技术。
对于当前的富媒体网站和Web 2.0应用程序来说,速度至关重要。在本书中,你将学习如何节省宝贵的网站加载时间,使网站更快地响应用户的请求。
主编推荐
性能是任何一个网站成功的关键,然而,如今日益丰富的内容和大量使用Ajax的Web应用程序已迫使浏览器达到其处理能力的极限。Steve Souders是Google Web性能布道者和前Yahoo!首席性能工程师,他在《高性能网站建设进阶指南:Web开发者性能优化优秀实践》中提供了宝贵的技术来帮助你优化网站性能。
Souders的上一本畅销书《高性能网站建设指南》(High Performance Web Sites)震惊了Web开发界,它揭示了在客户端加载一个网页的时间大约占用了总
以下为对购买帮助不大的评价