高性能网站建设进阶指南 作者: Steve Souders 出版社: 电子工业出版社 副标题: Web开发者性能优化最佳实践 原作名: Even Faster Web Sites 译者: 口碑网前端团队 出版年: 2010年4月 页数: 260 定价: 49.80元 装帧: 平装 丛书: O'Reilly动物系列（中译本） ISBN: 9787121105449

内容简介

性能是任何一个网站成功的关键，然而，如今日益丰富的内容和大量使用Ajax的Web应用程序已迫使浏览器达到其处理能力的极限。Steve Souders是Google Web性能布道者和前Yahoo！首席性能工程师，他在本书中提供了宝贵的技术来帮助你优化网站性能。 Souders的上一本畅销书《高性能网站建设指南》（High Performance Web Sites）震惊了Web开发界，它揭示了在客户端加载一个网页的时间大约占用了总时耗的80%。在《高性能网站建设进阶指南》（Even Faster Web Sites）这本书中，Souders与另外8位专家级特约作者提供了提升网站性能的最佳实践和实用建议，主要包括以下3个关键领域： • JavaScript——你将获得忠告：理解Ajax性能、编写高效的JavaScript、创建快速响应的应用程序、无阻塞加载脚本等。 • 网络——你将学到：跨域共享资源、无损压缩图片大小，以及使用块编码加快网页渲染。 • 浏览器——你将发现：避免或取代iframe的方法、简化CSS选择符，以及其他技术。 对于当前的富媒体网站和Web 2.0应用程序来说，速度至关重要。在本书中，你将学习如何节省宝贵的网站加载时间，使其更快地响应用户的请求。

作者简介

Steve Souders现在Google工作，负责Web性能和开源组织。他是Firebug的性能分析扩展YSlow的创建者，也是O’Reilly Web性能与运作会议Velocity的联合主席。Steve经常在技术会议和诸如Microsoft、Amazon、MySpace、 LinkedIn和Facebook这样的知名高科技公司发表演讲。 特约作者： Dion Almaer, Douglas Crockford, Ben Galbraith, Tony Gentilcore, Dylan Schiemann, Stoyan Stefanov, Nicole Sullivan, and Nicholas C. Zakas

网友热评

huzi: 讲方法谁都会，细节在哪里，列个大纲有什么用。 Claude: 读了一本放了2，3年的书。感觉前端技术的更新好快，这本书是挺不错的书，但明显跟不上现在的发展了 Fox: 经典前端改进的指南, 所有做前端的人应该都读过吧.

图书目录

致谢 I 前言 III 第1章：理解Ajax性能 1 1.1权衡 1 1.2优化原则 2 1.3Ajax 4 1.4浏览器 4 1.5哇！ 5 1.6JavaScript 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.1WebWorkers 14 2.4.2Gears 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.1XHREval 29 4.2.2XHR注入 31 4.2.3ScriptinIframe 31 4.2.4ScriptDOMElement 32 4.2.5ScriptDefer 32 4.2.6document.writeScriptTag 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：硬编码回调（HardcodedCallback） 46 5.3.2技术2：WindowOnload 47 5.3.3技术3：定时器（Timer） 48 5.3.4技术4：ScriptOnload 49 5.3.5技术5：降级使用script标签（DegradingScriptTags） 50 5.4多个外部脚本 52 5.4.1ManagedXHR 52 5.4.2DOMElement和DocWrite 56 5.5综合解决方案 59 5.5.1单个脚本 59 5.5.2多个脚本 60 5.6现实互联网中的异步加载 63 5.6.1Google分析和Dojo 63 5.6.2YUILoader 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.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转换成PNG 144 10.3.4优化GIF动画 144 10.3.5Smush.it 145 10.3.6使用渐进JPEG格式来存储大图像 145 10.4Alpha透明：避免使用AlphaImageLoader 146 10.4.1Alpha透明度的效果 147 10.4.2AlphaImageLoader 149 10.4.3AlphaImageLoader的问题 150 10.4.4渐进增强的PNG8Alpha透明 151 10.5优化Sprite 153 10.5.1超级SpriteVS.模块化Sprite 154 10.5.2高度优化的CSSSprite 155 10.6其他图像优化方法 155 10.6.1避免对图像进行缩放 155 10.6.2优化生成的图像 156 10.6.3Favicons 157 10.6.4Apple触摸图标 158 10.7总结 159 第11章：划分主域 161 11.1关键路径 161 11.2谁在划分主域 163 11.3降级到HTTP/1.0 165 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 12.3块编码 175 12.4刷新输出和Gzip压缩 176 12.5其他障碍 177 12.6刷新输出时的域阻塞 178 12.7浏览器：最后的障碍 178 12.8不借助PHP进行刷新输出 179 12.9刷新输出问题清单 180 第13章：少用iframe 181 13.1开销最高的DOM元素 181 13.2iframe阻塞onload事件 182 13.3使用iframe并行下载 184 13.3.1脚本位于iframe之前 184 13.3.2样式表位于iframe之前 185 13.3.3样式表位于iframe之后 186 13.4每个主机名的连接 187 13.4.1iframe中的连接共享 187 13.4.2跨标签页和窗口的连接共享 188 13.5总结使用iframe的开销 190 第14章：简化CSS选择符 191 14.1选择符的类型 191 14.1.1ID选择符 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.3CSS选择符性能 197 14.3.1复杂的选择符影响性能（有时） 197 14.3.2应避免使用的CSS选择符 200 14.3.3回流时间 201 14.4在现实中测量CSS选择符 202 附录：性能工具 205 索引 221