高性能网站建设进阶指南：Web开发者性能优化最佳实践

作者: [美] Steve Souders 著 , 口碑网前端团队译

出版社: 电子工业出版社

出版时间: 2010-04

版次: 1

ISBN: 9787121105449

定价: 49.80

装帧: 平装

开本: 16开

纸张: 胶版纸

页数: 231页

字数: 380千字

正文语种: 简体中文，英语

原版书名: Even Faster Web Sites

分类: 计算机与互联网

160人买过

　　《高性能网站建设进阶指南：Web开发者性能优化最佳实践》是《高性能网站建设指南》姊妹篇。作者SteveSouders是GoogleWeb性能布道者和Yahoo！前首席性能工程师。在本书中，Souders与8位专家分享了提升网站性能的最佳实践和实用建议，主要包括：理解Ajax性能，编写高效的JavaScript，创建快速响应的应用程序、无阻塞加载脚本，跨域共享资源，无损压缩图片大小，使用块编码加快网页渲染；避免或取代iframe的方法，简化CSS选择符，以及其他技术。
　　性能是任何一个网站成功的关键，然而，如今日益丰富的内容和大量使用Ajax的Web应用程序已迫使浏览器达到其处理能力的极限。SteveSouders是GoogleWeb哇能布道者和前Yahoo!首席性能工程师，他在本书中提供了宝贵的技术来帮助你优化网站性能。
　　Souders的上一本畅销书《高性能网站建设指南》(HighPerformanceWebSites)震惊了Web开发界，它揭示了在客户端加载一个网页的时间大约占用了总时耗的80％。在《高性能网站建设进阶指南》(EvenFasterWebSites)这本书中，Souders与另外8位专家级特约作者提供了提升网站性能的最佳实践和实用建议，主要包括以下3个关键领域。
　　·JavaScript——你将获得忠告：理解Ajax性能、编写高效的JavaScript、创建快速响应的应用程序、无阻塞加载脚本等。
　　·网络——你将学到：跨域共享资源、无损压缩图片大小，以及使用块编码加快网页渲染。
　　·浏览器——你将发现：避免或取代iframe的方法、简化CSS选择符，以及其他技术。
　　对于当前的富媒体网站和Web2．0应用程序来说，速度至关重要。在本书中，你将学习如何节省宝贵的网站加载时间，使网站更快地响应用户的请求。　　桑德斯（SteveSouders），现在Google工作，负责Web性能开源组织。他是Firebug性能分析扩展工具——YSlow的创造者，也是OReillyWeb性能与运作会议Velocity的联合主席。Steve经常在会议和诸如Microsoft、Amazon、MySpace、LinkedIn和Facebook这样的知名高科技公司发表演讲。
　　特约作者：DionAlmaer、DougCrockford、BenGalbraith、TonyGentilcore、DylanSchiemann、StoyanStefanov、NicoleSullivan和NicholasC.Zakas。前言
第1章：理解Ajax性能1
1.1权衡1
1.2优化原则2
1.3Ajax4
1.4浏览器4
1.5哇！5
1.6JavaScript6
1.7总结6

第2章：创建快速响应的Web应用7
2.1怎样才算足够快9
2.2测量延迟时间10
2.2.1当延迟变得很严重时12
2.3线程处理12
2.4确保响应速度13
2.4.1WebWorkers14
2.4.2Gears14
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.1XHREval29
4.2.2XHR注入31
4.2.3ScriptinIframe31
4.2.4ScriptDOMElement32
4.2.5ScriptDefer32
4.2.6document.writeScriptTag33
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：硬编码回调（HardcodedCallback）46
5.3.2技术2：WindowOnload47
5.3.3技术3：定时器（Timer）48
5.3.4技术4：ScriptOnload49
5.3.5技术5：降级使用script标签（DegradingScriptTags）50
5.4多个外部脚本52
5.4.1ManagedXHR52
5.4.2DOMElement和DocWrite56
5.5综合解决方案59
5.5.1单个脚本59
5.5.2多个脚本60
5.6现实互联网中的异步加载63
5.6.1Google分析和Dojo63
5.6.2YUILoader65

第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.1Comet工作原理109
8.2传输技术111
8.2.1轮询111
8.2.2长轮询112
8.2.3永久帧113
8.2.4XHR流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.3PNG的更多资料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.5Smush.it145
10.3.6使用渐进JPEG格式来存储大图像145
10.4Alpha透明：避免使用AlphaImageLoader146
10.4.1Alpha透明度的效果147
10.4.2AlphaImageLoader149
10.4.3AlphaImageLoader的问题150
10.4.4渐进增强的PNG8Alpha透明151
10.5优化Sprite153
10.5.1超级SpriteVS.模块化Sprite154
10.5.2高度优化的CSSSprite155
10.6其他图像优化方法155
10.6.1避免对图像进行缩放155
10.6.2优化生成的图像156
10.6.3Favicons157
10.6.4Apple触摸图标158
10.7总结159

第11章：划分主域161
11.1关键路径161
11.2谁在划分主域163
11.3降级到HTTP/1.0165
11.4域划分的扩展话题168
11.4.1IP地址和主机名168
11.4.2多少个域168
11.4.3如何划分资源168
11.4.4新型浏览器169

第12章：尽早刷新文档的输出171
12.1刷新文档头部的输出171
12.2输出缓冲173
……
第13章：少用iframe181
第14章：简化CSS选择符191
附录：性能工具205
索引221
内容简介:
　　《高性能网站建设进阶指南：Web开发者性能优化最佳实践》是《高性能网站建设指南》姊妹篇。作者SteveSouders是GoogleWeb性能布道者和Yahoo！前首席性能工程师。在本书中，Souders与8位专家分享了提升网站性能的最佳实践和实用建议，主要包括：理解Ajax性能，编写高效的JavaScript，创建快速响应的应用程序、无阻塞加载脚本，跨域共享资源，无损压缩图片大小，使用块编码加快网页渲染；避免或取代iframe的方法，简化CSS选择符，以及其他技术。
　　性能是任何一个网站成功的关键，然而，如今日益丰富的内容和大量使用Ajax的Web应用程序已迫使浏览器达到其处理能力的极限。SteveSouders是GoogleWeb哇能布道者和前Yahoo!首席性能工程师，他在本书中提供了宝贵的技术来帮助你优化网站性能。
　　Souders的上一本畅销书《高性能网站建设指南》(HighPerformanceWebSites)震惊了Web开发界，它揭示了在客户端加载一个网页的时间大约占用了总时耗的80％。在《高性能网站建设进阶指南》(EvenFasterWebSites)这本书中，Souders与另外8位专家级特约作者提供了提升网站性能的最佳实践和实用建议，主要包括以下3个关键领域。
　　·JavaScript——你将获得忠告：理解Ajax性能、编写高效的JavaScript、创建快速响应的应用程序、无阻塞加载脚本等。
　　·网络——你将学到：跨域共享资源、无损压缩图片大小，以及使用块编码加快网页渲染。
　　·浏览器——你将发现：避免或取代iframe的方法、简化CSS选择符，以及其他技术。
　　对于当前的富媒体网站和Web2．0应用程序来说，速度至关重要。在本书中，你将学习如何节省宝贵的网站加载时间，使网站更快地响应用户的请求。
作者简介:
　　桑德斯（SteveSouders），现在Google工作，负责Web性能开源组织。他是Firebug性能分析扩展工具——YSlow的创造者，也是OReillyWeb性能与运作会议Velocity的联合主席。Steve经常在会议和诸如Microsoft、Amazon、MySpace、LinkedIn和Facebook这样的知名高科技公司发表演讲。
　　特约作者：DionAlmaer、DougCrockford、BenGalbraith、TonyGentilcore、DylanSchiemann、StoyanStefanov、NicoleSullivan和NicholasC.Zakas。
目录:
前言
第1章：理解Ajax性能1
1.1权衡1
1.2优化原则2
1.3Ajax4
1.4浏览器4
1.5哇！5
1.6JavaScript6
1.7总结6

第2章：创建快速响应的Web应用7
2.1怎样才算足够快9
2.2测量延迟时间10
2.2.1当延迟变得很严重时12
2.3线程处理12
2.4确保响应速度13
2.4.1WebWorkers14
2.4.2Gears14
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.1XHREval29
4.2.2XHR注入31
4.2.3ScriptinIframe31
4.2.4ScriptDOMElement32
4.2.5ScriptDefer32
4.2.6document.writeScriptTag33
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：硬编码回调（HardcodedCallback）46
5.3.2技术2：WindowOnload47
5.3.3技术3：定时器（Timer）48
5.3.4技术4：ScriptOnload49
5.3.5技术5：降级使用script标签（DegradingScriptTags）50
5.4多个外部脚本52
5.4.1ManagedXHR52
5.4.2DOMElement和DocWrite56
5.5综合解决方案59
5.5.1单个脚本59
5.5.2多个脚本60
5.6现实互联网中的异步加载63
5.6.1Google分析和Dojo63
5.6.2YUILoader65

第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.1Comet工作原理109
8.2传输技术111
8.2.1轮询111
8.2.2长轮询112
8.2.3永久帧113
8.2.4XHR流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.3PNG的更多资料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.5Smush.it145
10.3.6使用渐进JPEG格式来存储大图像145
10.4Alpha透明：避免使用AlphaImageLoader146
10.4.1Alpha透明度的效果147
10.4.2AlphaImageLoader149
10.4.3AlphaImageLoader的问题150
10.4.4渐进增强的PNG8Alpha透明151
10.5优化Sprite153
10.5.1超级SpriteVS.模块化Sprite154
10.5.2高度优化的CSSSprite155
10.6其他图像优化方法155
10.6.1避免对图像进行缩放155
10.6.2优化生成的图像156
10.6.3Favicons157
10.6.4Apple触摸图标158
10.7总结159

第11章：划分主域161
11.1关键路径161
11.2谁在划分主域163
11.3降级到HTTP/1.0165
11.4域划分的扩展话题168
11.4.1IP地址和主机名168
11.4.2多少个域168
11.4.3如何划分资源168
11.4.4新型浏览器169

第12章：尽早刷新文档的输出171
12.1刷新文档头部的输出171
12.2输出缓冲173
……
第13章：少用iframe181
第14章：简化CSS选择符191
附录：性能工具205
索引221