基本信息
编辑推荐
结合Web 2.0以来Web开发领域的最新形势和特点，介绍了网站性能问题的现状、产生的原因，以及改善或解决性能问题的原则、技术技巧和最佳实践。
内容简介
书籍
计算机书籍
《高性能网站建设指南：前端工程师技能精髓》结合Web 2.0以来Web开发领域的最新形势和特点，介绍了网站性能问题的现状、产生的原因，以及改善或解决性能问题的原则、技术技巧和最佳实践。重点关注网页的行为特征，阐释优化Ajax、CSS、JavaScript、Flash和图片处理等要素的技术，全面涵盖浏览器端性能问题的方方面面。在《高性能网站建设指南：前端工程师技能精髓》中，作者给出了14条具体的优化原则，每一条原则都配以范例佐证，并提供了在线支持。全书内容丰富，主要包括减少HTTP请求、Edge Computing技术、Expires Header技术、gzip组件、CSS和JavaScript最佳实践、主页内联、Domain最小化、JavaScript优化、避免重定向的技巧、删除重复JavaScript的技巧、关闭ETags的技巧、Ajax缓存技术和最小化技术等。
《高性能网站建设指南：前端工程师技能精髓》适合Web架构师、信息架构师、Web开发人员及产品经理阅读和参考。
计算机书籍
《高性能网站建设指南：前端工程师技能精髓》结合Web 2.0以来Web开发领域的最新形势和特点，介绍了网站性能问题的现状、产生的原因，以及改善或解决性能问题的原则、技术技巧和最佳实践。重点关注网页的行为特征，阐释优化Ajax、CSS、JavaScript、Flash和图片处理等要素的技术，全面涵盖浏览器端性能问题的方方面面。在《高性能网站建设指南：前端工程师技能精髓》中，作者给出了14条具体的优化原则，每一条原则都配以范例佐证，并提供了在线支持。全书内容丰富，主要包括减少HTTP请求、Edge Computing技术、Expires Header技术、gzip组件、CSS和JavaScript最佳实践、主页内联、Domain最小化、JavaScript优化、避免重定向的技巧、删除重复JavaScript的技巧、关闭ETags的技巧、Ajax缓存技术和最小化技术等。
《高性能网站建设指南：前端工程师技能精髓》适合Web架构师、信息架构师、Web开发人员及产品经理阅读和参考。
作译者
作者:Steve Souders（史蒂夫.桑德斯） 译者:刘彦博
刘彦博，软件开发工程师，目前任职于微软（中国）有限公司，拥有近十年的软件开发经验和近三年的“全栈工程师”经历，目前专注于Windows Azure相关应用开发。
刘彦博，软件开发工程师，目前任职于微软（中国）有限公司，拥有近十年的软件开发经验和近三年的“全栈工程师”经历，目前专注于Windows Azure相关应用开发。
目录
Table of contents
推荐序 xiii
前言 xv
绪言A 前端性能的重要性 1
跟踪Web页面性能 1
时间花在哪儿了？ 3
性能黄金法则 4
绪言B HTTP概述 6
压缩 7
条件GET请求 7
Expires 8
Keep-Alive 8
更多信息 9
第1章 规则1——减少HTTP请求 10
图片地图 10
CSS Sprites 11
内联图片 13
合并脚本和样式表 15
小结 16
前言
八年级的时候，我在历史课上感受到工业革命的巨大威力。人们用以识别和突破制造业瓶颈的技术迷住了我。在我的印象里，最好的进步是可调整的踏板工具，它使得身高不同的工人都能轻松地够到传送带--一项简单的投资提高了工人的效率。
30年过去了，我很乐于将本书中的最佳实践比作19世纪的踏板工具。这些最佳实践加强了现有流程。它们需要前期投资，但开销很小--尤其是与收益相比。而且一旦合理地运用了这些改进，它们将在整个开发过程中持续提升性能。我希望你能发现，这些用于建设高性能网站的规则能够为你和你的用户带来利益。
本书是如何组织的
How This Book Is Organized
在两章的快速介绍之后，将进入本书的主要部分--14个性能规则。每个规则都进行了介绍，按照优先级顺序，每章一个。并非每个规则都要应用于每个网站，也不是每个网站都应该按同一种方式运用一个规则，但每个规则都值得考虑。本书的最后一章介绍了如何从性能的角度来分析Web页面，这一章还包含一些案例研究。
绪言A，前端性能的重要性解释了至少有80%的时间花在了显示Web页面上，而这是在HTML文档下载完毕后发生的；这一章还描述了本书中的技术的重要性。
绪言B，HTTP概述对HTTP进行了简要介绍，主要强调了其中与性能相关的部分。
第1章，规则1--减少HTTP请求介绍了为什么额外的HTTP请求会对性能产生巨大的影响，并介绍了减少HTTP请求的方法，包括图片地图、CSS Sprites、使用data:模式的URL内联图片，以及合并脚本和样式表。
第2章，规则2--使用内容发布网络强调了使用内容发布网络的优势。
第3章，规则3--添加Expires头研究了一个简单的HTTP头是如何通过浏览器缓存来大幅改善Web页面性能的。
第4章，规则4--压缩组件解释了压缩是如何工作的，以及如何为Web服务器启用压缩，并讨论了现今存在的一些兼容性问题。
第5章，规则5--将样式表放在顶部展示了样式表是如何影响页面呈现的。
第6章，规则6--将脚本放在底部展示了脚本是如何影响呈现的，以及脚本是如何下载到浏览器中的。
第7章，规则7--避免CSS表达式讨论了CSS表达式的使用和度量其影响的重要性。
第8章，规则8--使用外部JavaScript和CSS介绍了如何权衡是内联JavaScript和CSS还是将它们放到外部文件中。
第9章，规则9--减少DNS查找强调了解析域名时的频繁查找所产生的影响。
第10章，规则10--精简JavaScript量化了从JavaScript中移除空白字符所带来的收益。
第11章，规则11--避免重定向对使用重定向提出了警示，并给出了可替代的方法。
第12章，规则12--删除重复脚本展示了如果一个页面中包含两处相同的脚本会发生什么情况。
第13章，规则13--配置ETag介绍了ETag是如何工作的，以及为什么对于任何拥有多于一台Web服务器的网站来说，默认的实现都是不好的。
30年过去了，我很乐于将本书中的最佳实践比作19世纪的踏板工具。这些最佳实践加强了现有流程。它们需要前期投资，但开销很小--尤其是与收益相比。而且一旦合理地运用了这些改进，它们将在整个开发过程中持续提升性能。我希望你能发现，这些用于建设高性能网站的规则能够为你和你的用户带来利益。
本书是如何组织的
How This Book Is Organized
在两章的快速介绍之后，将进入本书的主要部分--14个性能规则。每个规则都进行了介绍，按照优先级顺序，每章一个。并非每个规则都要应用于每个网站，也不是每个网站都应该按同一种方式运用一个规则，但每个规则都值得考虑。本书的最后一章介绍了如何从性能的角度来分析Web页面，这一章还包含一些案例研究。
绪言A，前端性能的重要性解释了至少有80%的时间花在了显示Web页面上，而这是在HTML文档下载完毕后发生的；这一章还描述了本书中的技术的重要性。
绪言B，HTTP概述对HTTP进行了简要介绍，主要强调了其中与性能相关的部分。
第1章，规则1--减少HTTP请求介绍了为什么额外的HTTP请求会对性能产生巨大的影响，并介绍了减少HTTP请求的方法，包括图片地图、CSS Sprites、使用data:模式的URL内联图片，以及合并脚本和样式表。
第2章，规则2--使用内容发布网络强调了使用内容发布网络的优势。
第3章，规则3--添加Expires头研究了一个简单的HTTP头是如何通过浏览器缓存来大幅改善Web页面性能的。
第4章，规则4--压缩组件解释了压缩是如何工作的，以及如何为Web服务器启用压缩，并讨论了现今存在的一些兼容性问题。
第5章，规则5--将样式表放在顶部展示了样式表是如何影响页面呈现的。
第6章，规则6--将脚本放在底部展示了脚本是如何影响呈现的，以及脚本是如何下载到浏览器中的。
第7章，规则7--避免CSS表达式讨论了CSS表达式的使用和度量其影响的重要性。
第8章，规则8--使用外部JavaScript和CSS介绍了如何权衡是内联JavaScript和CSS还是将它们放到外部文件中。
第9章，规则9--减少DNS查找强调了解析域名时的频繁查找所产生的影响。
第10章，规则10--精简JavaScript量化了从JavaScript中移除空白字符所带来的收益。
第11章，规则11--避免重定向对使用重定向提出了警示，并给出了可替代的方法。
第12章，规则12--删除重复脚本展示了如果一个页面中包含两处相同的脚本会发生什么情况。
第13章，规则13--配置ETag介绍了ETag是如何工作的，以及为什么对于任何拥有多于一台Web服务器的网站来说，默认的实现都是不好的。
序言
你很幸运能够拿到这本书。更重要的是，你的网站用户会很幸运。Steve在这本开天辟地的书中分享了14项技术，哪怕只实现了这些技术中的很少几项，你的网站也会立即变快。你的用户会感谢你。
这是为什么呢？作为一个前端工程师，你拥有巨大的能力和责任。你是用户的最后一道防线。你做出的决定直接影响他们的体验。我相信我们大量的工作之一就是照顾用户并给他们所需要的--快速的网站。这本书是一个创建快乐用户（和老板）的工具箱。最好的结果是，一旦恰当地使用这些技术--很多情况下，这只是一次性投入--你将长期从中获得收益。
这本书将改变你进行性能优化的方式。在Steve开始为我们Yahoo!的Platform Engineering团队研究性能之际，我还一直认为性能主要是后端问题。但他却表明前端问题可能消耗掉整体时间的80%。我想前端性能无非就是对图片进行优化和坚持使用外部CSS和JavaScript，但你手中的这本书却证明实际要做的工作远不止这些。
我将他的成果应用于很多网站。发现大量已经很快的网站还可以再快将近一倍。他的方法论是可靠的，他的数据有效而且具有扩展性，他的成果是强有力的。
前端工程学这门学科还很年轻，但你手中的这本书将是这项技术趋于成熟的过程中的重要一步。通过创建更好和更快（也更具享受性）的界面和体验，我们将共同提高对Web的期望。
为更快的上网冲浪欢呼吧！
--Nate Koechley
高级前端工程师
Yahoo! User Interface（YUI）团队，
平台开发，Yahoo! Inc.
圣弗朗西斯科
这是为什么呢？作为一个前端工程师，你拥有巨大的能力和责任。你是用户的最后一道防线。你做出的决定直接影响他们的体验。我相信我们大量的工作之一就是照顾用户并给他们所需要的--快速的网站。这本书是一个创建快乐用户（和老板）的工具箱。最好的结果是，一旦恰当地使用这些技术--很多情况下，这只是一次性投入--你将长期从中获得收益。
这本书将改变你进行性能优化的方式。在Steve开始为我们Yahoo!的Platform Engineering团队研究性能之际，我还一直认为性能主要是后端问题。但他却表明前端问题可能消耗掉整体时间的80%。我想前端性能无非就是对图片进行优化和坚持使用外部CSS和JavaScript，但你手中的这本书却证明实际要做的工作远不止这些。
我将他的成果应用于很多网站。发现大量已经很快的网站还可以再快将近一倍。他的方法论是可靠的，他的数据有效而且具有扩展性，他的成果是强有力的。
前端工程学这门学科还很年轻，但你手中的这本书将是这项技术趋于成熟的过程中的重要一步。通过创建更好和更快（也更具享受性）的界面和体验，我们将共同提高对Web的期望。
为更快的上网冲浪欢呼吧！
--Nate Koechley
高级前端工程师
Yahoo! User Interface（YUI）团队，
平台开发，Yahoo! Inc.
圣弗朗西斯科
媒体评论
即便仅使用Steve这些规则中的20%，网站性能也会显著提升。有了这本书，你的网站真的没有任何借口拖沓缓行了。
--Joe Hewitt，Firebug debugger开发者，Mozilla的DOM Inspector
Steve Souders做了一件了不起的事情，他提炼出一套简明、可操作的工程步骤来改善网站性能，使这项工作不再无从下手，神秘莫测。
--Eric Lawrence，微软公司Fiddler Web Debugger的开发者
作为Zillow.com网站的压力与性能测试的负责人，我一直在和团队里的开发员和性能维护人员谈，要求他们使用Steve在本书中总结的规则。大家都在问怎样才弄到这本书。我觉得对于所有的网站开发者和性能工程师而言，这本应该是必读图书。
--Nate Moch, www.zillow.com
对于所有网站开发者而言，本书都是一个重要的指导手册。Steve在书中的建议直接且有效，能让网站运行速度得到显著提升。
--Tony Chor，微软公司Internet Explorer团队Group Program经理
--Joe Hewitt，Firebug debugger开发者，Mozilla的DOM Inspector
Steve Souders做了一件了不起的事情，他提炼出一套简明、可操作的工程步骤来改善网站性能，使这项工作不再无从下手，神秘莫测。
--Eric Lawrence，微软公司Fiddler Web Debugger的开发者
作为Zillow.com网站的压力与性能测试的负责人，我一直在和团队里的开发员和性能维护人员谈，要求他们使用Steve在本书中总结的规则。大家都在问怎样才弄到这本书。我觉得对于所有的网站开发者和性能工程师而言，这本应该是必读图书。
--Nate Moch, www.zillow.com
对于所有网站开发者而言，本书都是一个重要的指导手册。Steve在书中的建议直接且有效，能让网站运行速度得到显著提升。
--Tony Chor，微软公司Internet Explorer团队Group Program经理
