《高性能网站建设指南》书评

我们寻求的就是在特定条件下的最佳实践

另外还有一些感悟：）我大学里学的是化学，很长一段时间里我每日的功课就是不断的做实验，去验证一个可能微不足道的化学原理。教授还告诉我们，一些化学原理仅是某个环境区间内的有效论证，也就是说如果某个参数超过某个极限值，这个化学原理就失效了。我还能回忆起当时我对这样的实验是如何的不屑。多年的工作经验最终让我明白，其实很多事物都是这样具有不确定性，很多时候，我们寻求的就是在特定条件下的最佳实践。从科学到生活都是如此。前端的环境够复杂了吧，众多的浏览器厂商，无数的浏览器版本，还有网络协议及操作系统环境的考虑。为了得到最佳实践，可以想象Steve做了多少求证的工作。感谢Steve，感谢Nate，感谢愿意沉下心来去探原、整理、归纳、总结、分享这些最佳实践的人。

相关资料

YSlow for Firebug 插件: http://developer.yahoo.com/yslow/StanFord课程: http://cs193h.stevesouders.com/DBA Notes的读后笔记: http://www.dbanotes.net/web/high_performance_web_site.htmlYahoo!网站性能最佳体验的34条黄金守则(英): http://developer.yahoo.com/performance/rules.htmlYahoo!网站性能最佳体验的34条黄金守则(中): http://www.dudo.org/article.asp?id=214在线示例： http://stevesouders.com/hpws 示例包含在每章中讨论它们的上下文中。这里也列出一份，以便于查看。 无图片地图的示例（第1章） http://stevesouders.com/hpws/imagemap-no.php 图片地图的示例（第1章） http://stevesouders.com/hpws/imagemap.php CSS Sprites的示例（第1章）.. http://stevesouders.com/hpws/sprites.php 内联图片的示例（第1章） http://stevesouders.com/hpws/inline-images.php 内联CSS图片的示例（第1章） http://stevesouders.com/hpws/inline-css-images.php 分离脚本的示例（第1章） http://stevesouders.com/hpws/combo-none.php 合并脚本的示例（第1章） http://stevesouders.com/hpws/combo.php CDN的示例（第2章） http://stevesouders.com/hpws/ex-cdn.php 无CDN的示例（第2章） http://stevesouders.com/hpws/ex-nocdn.php 无Expires的示例（第3章） http://stevesouders.com/hpws/expiresoff.php 长久的Expires的示例（第3章） http://stevesouders.com/hpws/expireson.php 无压缩的示例（第4章） http://stevesouders.com/hpws/nogzip.html 压缩HTML的示例（第4章） http://stevesouders.com/hpws/gzip-html.html 压缩所有组件的示例（第4章） http://stevesouders.com/hpws/gzip-all.html 将CSS放在底部的示例（第5章） http://stevesouders.com/hpws/css-bottom.php 将CSS放在顶部的示例（第5章） http://stevesouders.com/hpws/css-top.php 将CSS放在顶部并使用@import的示例（第5章） http://stevesouders.com/hpws/css-top-import.php 无样式内容的CSS闪烁的示例（第5章） http://stevesouders.com/hpws/css-fouc.php 将脚本放在中部的示例（第6章） http://stevesouders.com/hpws/js-middle.php 脚本阻塞下载的示例（第6章） http://stevesouders.com/hpws/js-blocking.php 将脚本放在顶部的示例（第6章） http://stevesouders.com/hpws/js-top.php 将脚本放在底部的示例（第6章） http://stevesouders.com/hpws/js-bottom.php 顶部脚本VS底部脚本的示例（第6章） http://stevesouders.com/hpws/move-scripts.php 延迟脚本的示例（第6章） http://stevesouders.com/hpws/js-defer.php 表达式计数器的示例（第7章） http://stevesouders.com/hpws/expression-counter.php 一次性表达式的示例（第7章） http://stevesouders.com/hpws/onetime-expressions.php 事件处理器的示例（第7章） http://stevesouders.com/hpws/event-handler.php 内联JS和CSS的示例（第8章） http://stevesouders.com/hpws/inlined.php 外部JS和CSS的示例（第8章） http://stevesouders.com/hpws/external.php 可缓存的外部JS和CSS的示例（第8章） http://stevesouders.com/hpws/external-cacheable.php 加载后下载的示例（第8章） http://stevesouders.com/hpws/post-onload.php 动态内联的示例（第8章） http://stevesouders.com/hpws/dynamic-inlining.php 一般的小脚本的示例（第10章） http://stevesouders.com/hpws/js-small-normal.php 经过精简的小脚本的示例（第10章） http://stevesouders.com/hpws/js-small-minify.php 经过混淆的小脚本的示例（第10章） http://stevesouders.com/hpws/js-small-obfuscate.php 一般的大脚本的示例（第10章） http://stevesouders.com/hpws/js-large-normal.php 经过精简的大脚本的示例（第10章） http://stevesouders.com/hpws/js-large-minify.php 经过混淆的大脚本的示例（第10章） http://stevesouders.com/hpws/js-large-obfuscate.php XMLHttpRequest信标的示例（第11章） http://stevesouders.com/hpws/xhr-beacon.php 图片信标的示例（第11章） http://stevesouders.com/hpws/redir-beacon.php 重复脚本——无缓存的示例（第12章） http://stevesouders.com/hpws/dupe-scripts.php 重复脚本——有缓存的示例（第12章） http://stevesouders.com/hpws/dupe-scripts-cached.php 重复脚本——10次缓存的示例（第12章） http://stevesouders.com/hpws/dupe-scripts-cached10.php

深刻感到肩上重担的压力

前端开发可以优化网站剩余的70%~80%性能，这让我看到了前端开发工程师今后的前景，也感到了肩上的压力，推荐前端开发工程师必看。

《高性能网站建设指南》书评

这本译书的副标题是：前端工程师技能精髓。其实副标题应该是：14条让网站加速的“黄金定律”。这本书可谓是字字珠玑，虽内容很薄但层次很高级。它的作者： Steve Souders 说他在服务端开发领域中编程性能已做到极致了，这说明作者在服务端开发的领域已淫浸N久，到了无以复加的境界(可以了解国内的前端开发比国外的差距)。书中的14条“不二”规则是作者多年经验积累所得，这可不是一般人能告诉你的啊。因为前端开发的发展不长，能总结出这些条例规则的人，必须要有作者这样的高度和深度。绪言B HTTP协议的知识内容着实恶补了下。HTTP的相关书在国内是不多见的，所以不错的喔！该书适合所有Web开发人员认真仔细的阅读，不光只是前端开发人员。本文的第一句话就强调译书的副标题有误导读者的味道。而该书唯一的缺点是电工视点博文的书价太高（杀猪价，吓倒一批忠实读者）。还好的是，这本书比它出版的其它书要薄太多了，本人是在书店花三个小时看完的。更多请见blog:http://www.cnblogs.com/georgewing/archive/2009/09/14/1566558.html

我是译者

大家好，我是这本书的译者Anders Liu，欢迎大家到这里提意见：http://www.cnblogs.com/AndersLiu/archive/2008/04/23/high-performance-web-sites.html

回头看看，还是很有帮助的

每天都忙于应对一个又一个的项目，有时间坐下来看看，也是对自己的一个总结。闲下来看看，这本书还是值得去翻阅一下的。现在看来内容有些陈旧了，但是也可以给人一些启示，我们总是要在时间、质量和成本中找到平衡的。小高兴一下，看了这本书，让我去学了一下YSlow的使用。喜欢看老外写的书，不是因为崇洋媚外，而是老外的书，不仅只是带我进入他的书里，而是带我进入一个世界，一个笔者的世界。

很薄很强大

这本书太爽了，一口气看完！真的很薄，薄得好，薄得强大。比起那些动不动就几百页的技术书，字字真经，更让人有读的兴趣。我觉得不管是前端工程师还是后台程序员，都可以看看，内容基本都是作者在工作中积累的经验和技巧，很容易引起共鸣，收获良多，往往能让人有“啊，原来可以如此！”的感慨。涉及到的知识大概有Html、CSS、Js、Ajax等前端技术，其实还涉及到一部分PHP和Apache服务器的配置命令等，没学过没关系，你能看懂的！

网站开发应该考虑

对于前端开发的工程师们，这些建议，确实是应该考虑的，能提高网站的性能，我自己在开发网站的时候，也会注意到里面的事项；我爱足球社区 我自己的网站：http://www.woizuqiu.com很多地方 也是需要提高的

The very first step when doing the web performance testing

作为一个性能工程师，这本书是必须的。在我看来，国内的网站能知道这些指标的并不多，更不要说能遵循steve的advice了。。顺便说下，哥哥的这本书有steve的签名哦，当中有个小插曲，steve老大在签的时候说貌似他没看到过有这个版本（中文），额。。。什么情况？

web app 在浏览器端性能的核心影响要素

小书一本,主要介绍网站在浏览器端的性能相关的影响因素, 脉络清晰,结构合理. 老外书.针对每个性能相关点,都尽量用图示方法来展现其性能差异, 然后提问题, 讲解提升性能的方法.之前没有注意前端的性能问题, 这本书给我带来诸多新思想, 一个小时的阅读,即可读完, 读后有收获, 我喜欢.....第二本<高性能网站建设进阶指南> 似乎也不错哦, 主要针对浏览器加载js的限制/ js 脚本运行性能 / ajax 低消耗/ iframe 的问题/ 图片格式特点及优化方法 提供了很多有用的建议, 另外还有 诸多工具推荐....

学习树

从14条黄金法则扩展开来每一条都是一支学习树，看完了解简单，一条一条掌握就来日方长了。最大的益处就是让你明白前端优化的准则，自己动手处理的时候有明确目标方向，遇到问题有逻辑上的推断能力，与技术人员提需求是能明确目的，减少沟通成本。

理论与实施之间的鸿沟，前端工程师一直在路上

这本书出版得比较早了，但是其中的理论包括具体实施方法，在现在web前端开发中任然显得举足轻重。我一直都是在抱怨，在现实的项目环境下，我们前端工程师的生存环境并不是那么好，来自时间和预算的压力，来自项目后端开发人员对我们页面的嵌套和整合的技术水平参差不齐。要按照我们提供的方案来实现前后端平缓过渡开发，还是很难（至少是在我现在所处的环境中做不到），并不是我做不到这些，但是推动的助力不是一般的大，项目的进度周期，产品线人员培训成本，上级领导的额外要求，我只能做到我认为能做到的那一步，不求最好，只求适应当前。前端工程师一直都在路上，干什么呢？就是把这些当前可行的方案慢慢融入到我们自己的产品中，力求提供优秀的产品体验。研发工程师可能好点，能尽快的去接触这些优秀方案，并进行评估，一致都在路上，致还在敲键盘的同仁们，继续加油！本书值得推荐阅读，能给你比较系统、比较整体的理解网站高性能建设的方案。

这本书仅适合初学者

其实我搞WEB也就2年，接触的正式项目约5个（过小不计）。被迫学习CSS+DIV，然后慢慢的开始接触到一些问题。其实这些都是自主挖掘的。这本书来得太晚，实际上我个人更热爱自己去解决问题而不是靠别人告诉我。所以这本书，我随便翻了下，觉得意义不大。而且有些地方有点过时。做为基础概念巩固，还是有点用的吧。

相关总结

1.减少HTTP请求,把能包在一起的都包在一起 　　 　　2.利用CDN,租用或者自建,看情况 　　 　　3.添加Expires头,长期缓存 　　 　　4.压缩组件传输,除了图片和PDF 　　 　　5.CSS扔在HTML最上面(只是看起来速度快,不过USER往往是SB) 　　 　　6.JS扔到HTML最下面 　　 　　7.尽量少使用CSS表达式 　　 　　8.使用外部JS和CSS(缓存) 　　 　　9.减少DNS查询(缓存) 　　 　　10.精简JS 　　 　　11.少使用重定向 　　 　　12.避免重复脚本 　　 　　13.配置ETag 　　 　　14.Ajax缓存以下内容出自：http://www.cnblogs.com/georgewing/archive/2009/09/14/1566558.html《高性能网站建设指南》书评这本译书的副标题是：前端工程师技能精髓。其实副标题应该是：14条让网站加速的“黄金定律”。这本书可谓是字字珠玑，虽内容很薄但层次很高级。它的作者： Steve Souders 说他在服务端开发领域中编程性能已做到极致了，这说明作者在服务端开发的领域已淫浸N久，到了无以复加的境界(可以了解国内的前端开发比国外的差距)。书中的14条“不二”规则是作者多年经验积累所得，这可不是一般人能告诉你的啊。因为前端开发的发展不长，能总结出这些条例规则的人，必须要有作者这样的高度和深度。绪言B HTTP协议的知识内容着实恶补了下。HTTP的相关书在国内是不多见的，所以不错的喔！该书适合所有Web开发人员认真仔细的阅读，不光只是前端开发人员。本文的第一句话就强调译书的副标题有误导读者的味道。而该书唯一的缺点是电工视点博文的书价太高（杀猪价，吓倒一批忠实读者）。还好的是，这本书比它出版的其它书要薄太多了，本人是在书店花三个小时看完的。在《Best Practices for Speeding Up Your Web Site》中共34条规则，前面的14条详细的写在书中，而后面20条规则是书中没有的：及早清除缓存AJAX 请求多用 GET 少用 POST延后加载组件预先加载组件减少 DOM 元素的数目通过域来切分组件iframe 的数目越少越好对 404 说不给 cookie 体积减肥组件用无 cookie 的域通过 DOM 访问越少越好开发灵活的事件处理选 ＜link＞ 而不选 ＠import规避过滤器优化图像优化 CSS Sprites不要在 HTML 中重新改写图像的宽高favicon.ico 越小越好并可缓存所有的组件要永远在25K以下将组件打包到多份文档中

优秀的前端工程师应该具备怎样的技能?

从这本书里，让我意识到，除了标准的xHTML/CSS/JavaScript，一个优秀的前端工程师还应该具备什么样的技能呢？1. 精通浏览器工作原理及不同浏览器间的差异2. 理解HTTP协议3. 掌握服务器端编程4. 了解网络环境配置

思路、技巧、实践

前端优化的技巧指导和实践，对所有的网站都有借鉴的意义。看书的时候建议使用Yslow看看Google之类的网站是如何优化的。

Java开发者看前端

自己是一个JavaCoder，主要是做业务实现的。需要写业务逻辑和一些前端代码。通过这本书的阅读，发现其实自己写的很多js，css其实会对网站性能有损失。不过因为是公司内部营业系统，加之网络够快，所以在这方面公司内部并不在乎。书中很多规则，对于我这样的开发者来说是超纲的，例如DNS查找，使用CDN，配置ETag等等。不过学到既是收获。也对前端的世界充满了好奇。

这是一本初中级网站开发人员必须拜读的一本书

个人认为这是一本初中级网站开发人员必须拜读的一本书，里面介绍了很多网站性能优化的简单实用的技巧。这本书内容浅显易懂，书中介绍的每一个小技巧都是一个Web开发人员应该知道了解的。作者Steve Souders最近又出了一本《高性能网站建设进阶指南》听说比这本更加精彩，准备购买拜读

普诺德网站建设

不错的书啊，不错的书啊。诺德是专业的互联网应用服务商，知名的网络品牌策划、网站建设、网络营销公司，拥有丰富的网站建设、网站策划、网络营销、网络运营经验。公司核心团队来自国内顶尖的互联　010-51266820/67695835　　http://www.prod.cn　　E-mail : zl@prod.cn网运...

高性能网站建设读后感

对于高性能网站建设的指导方针，是按照Yahoo YSlow的那套规则做的，在具体实施过程中，感觉有一项ETAG的设置效果不明显，其他几个优化方法进行实施，速度的确提升了一些。现在，Google也推出了类似的工具Page Speed，也非常好用。

Note,都是前端技术

都是前端技术1.减少HTTP请求,把能包在一起的都包在一起2.利用CDN,租用或者自建,看情况3.添加Expires头,长期缓存4.压缩组件传输,除了图片和PDF5.CSS扔在HTML最上面(只是看起来速度快,不过USER往往是SB)6.JS扔到HTML最下面7.尽量少使用CSS表达式8.使用外部JS和CSS(缓存)9.减少DNS查询(缓存)10.精简JS11.少使用重定向12.避免重复脚本13.配置ETag14.Ajax缓存

实践性很强

这本书很薄这本书操作性很强这本书里没有多余的“理论”很短的时间就能翻阅一遍，作为一名后端开发工程师（哈），后面的油水不好榨的时候，就只能打前面的主意了。pagespeed还有yslow现在都提供了很好的工具，然后再参照本书的原则进行改进，改起来比后面容易太多了。

Steve Souders老师真不是盖的

对于前台工程师强力推荐。前台水分极大，前台工程师快来搞一下，做出一个让Boss看着开心的数据。Steve Souders老师现在在Stanford 大学计算机科学系教授 CS193H: High Performance Web Sites课程， http://cs193h.stevesouders.com/ 。一般人我不告诉他。

程序员进阶书籍

不管是否是前端，此书都有必要读一读！国内一条龙的开发模式不少，什么性能的也谈不上！但是我们努力成为艺匠的道路上，此书会帮你更上一层楼！读完此书，作者指出的观点，让人十分受用，但这只是偏理论的，如何运用到现实中，.NET程序员请拜读此书《构建高性能可扩展ASP.NET网站》

其实这是一本给前端开发者看的书

我正在阅读这本书，在没有读这本书之前对其中的rule都大致了解了，并且也使用了yahoo developer提供的页面性能分析工具yslow for fire fox，说实话，对中小型的站来说，掌握其中的几项规则就行，有些规则可能用不上，诸如：cdn

感觉很不错

之前在网上找了本高性能网站建设指南电子书看，感觉很不错。这次看到出了本姐妹版，便决定买下来。翻了一下目录，看了两章关于解决脚本阻塞的，讲得很细致，而且看到了很多很有创新性的尝试并且找到很多很好有效解决方案。而且书上的很多Demo不像上一本只停留理论层面，而是有很多实实在在的代码演示。这次买英文版本来是想着练练英文阅读能力，但读了两章觉得还是蛮辛苦的，不是词句生涩，而是老外写得很罗嗦...或者也可以说他讲得细致吧。对于搞前端的，推荐收藏。

这本书不错

看着还行呀，总体而言呢，嗯，有很多收获。 里面有很多经验，至于这些经验对您是否有用，就看您自己了。网站还是千差万别的，不好意思，说了一堆废话，凑字数。。。。。。。。。。。。。。。。。。。。。。。。。。

是本不错的书

如标题，确实很不错，讲解网站需要注意地方，同时也帮助一些网站建设人员需要哪些地方要提高，总体来说，书还写不错。当然也有不足地方，价格有点贵，书上插图好占位置，没安排好排版吧

读高性能网站建设指南小感

　　以下部分摘自：www.lq580.cn　　这本书主要讲前段的优化，包括css，javascript，网页的头信息等等，让我对前端有了更新的认识。这本书还讲了10多个优化的规则，只是讲的比较少，当然以这本书开始很好，然后根据书上介绍的规则，可以通过其他书籍来加深，我是非常喜欢了，向大家推荐　　作为第一部，该作品还有后续大作“高性能网站建设进阶指南”，两本一起买了把！　　推荐前端人员必看，怎么建设高性能的网站，就是它了。　　虽然网上有很多优化网站的东西，可是还是觉得看书比较安全，哈哈　　这个本必须要有一定的网站建设的基础的人看了还能收益，对于那些只写写代码，网站pv在千万级以下的，看了也是白看。