[翻译]高性能网站建设指南的14个性能规则
昨晚翻译了《如何让您的网站真正快》一文,Anders Liu 说是《高性能网站建设指南》的内容。之后我搜索了一下高性能网站,“High Performance Web Sites”一书的作者是 Steve Souders,我翻译的文章的主角也正好是他,又看到 Anders Liu 在博客园的博客,他已经将该书翻译做《高性能网站建设指南》。
之前买了挺多书,然而每次搬家都是一大累赘,面对那堆厚重的书,丢之不舍,搬之苦累,犹如鸡肋,而在三年多里我四度搬家,如今又正酝酿地五度搬家,累啊!所以近年我都不怎么买书了。
How This Book Is Organized
本书是如何组织的
After two quick introductory chapters, I jump into the main part of this book: the 14 performance rules.Each rule is described, one per chapter, in priority order.Not every rule applies to every site, and not every site should apply a rule the same way, but each is worth considering.The final chapter of this book shows how to analyze web pages from a performance perspective, including some case studies.
在两章的快速介绍之后,将进入本书的主要部分——14个性能规则。每个规则都进行了介绍,按照优先级顺序,每章一个。并非每个规则都要应用于每个网站,也不是每个网站都应该按同一种方式运用一个规则,但每个规则都值得考虑。本书的最后一章介绍了如何从性能的角度来分析 Web 页面,这一章还包含一些案例研究。
Chapter A, The Importance of Frontend Performance explains that at least 80 percent of the time it takes to display a web page happens after the HTML document has been downloaded, and describes the importance of the techniques in this book.
绪言A,前端性能的重要性解释了有至少80%的时间花在了显示Web页面上,而这是在HTML文档下载完毕后发生的;这一章还描述了本书中的技术的重要性。
Chapter B, HTTP Overview provides a short description of HTTP, highlighting the parts that are relevant to performance.
绪言B,HTTP概述对HTTP进行了简要介绍,着重讲了与性能相关的部分。
Chapter 1, Rule 1: Make Fewer HTTP Requests describes why extra HTTP requests have the biggest impact on performance, and discusses ways to reduce these HTTP requests including image maps, CSS sprites, inline images using data: URLs, and combining scripts and stylesheets.
第1章,规则1——减少 HTTP 请求:介绍了为什么额外的 HTTP 请求会对性能产生巨大的影响,并介绍了减少HTTP请求的方法,包括图片映射、CSS 子图形、使用data:模式的URL内联图片,以及合并脚本和样式表。
Chapter 2, Rule 2: Use a Content Delivery Network highlights the advantages of using a content delivery network.
第2章,规则2——使用内容发布网络:强调了使用内容发布网络的优势。
Chapter 3, Rule 3: Add an Expires Header digs into how a simple HTTP header dramatically improves your web pages by using the browser’s cache.
第3章,规则3——添加 Expires 头:深入研究了一个简单的HTTP头是如何通过使用浏览器缓存来戏剧性地改善 Web 页面性能的。
Chapter 4, Rule 4: Gzip Components explains how compression works and how to enable it for your web servers, and discusses some of the compatibility issues that exist today.
第4章,规则4——压缩组件:解释了压缩是如何工作的,以及如何为 Web 服务器启用压缩,并讨论了现今存在的一些兼容性问题。
Chapter 5, Rule 5: Put Stylesheets at the Top reveals how stylesheets affect the rendering of your page.
第5章,规则5——将样式表放在顶部:展示了样式表是如何影响页面呈现的。
Chapter 6, Rule 6: Put Scripts at the Bottom shows how scripts affect rendering and downloading in the browser.
第6章,规则6——将脚本放在底部:展示了脚本是如何影响呈现的,以及脚本是如何下载到浏览器中的。
Chapter 7, Rule 7: Avoid CSS Expressions discusses the use of CSS expressions and the importance of quantifying their impact.
第7章,规则7——避免CSS表达式:讨论了CSS表达式的使用和度量其影响的重要性。
Chapter 8, Rule 8: Make JavaScript and CSS External talks about the tradeoffs of inlining your JavaScript and CSS versus putting them in external files.
第8章,规则8——使用外部 JavaScript 和 CSS:介绍了如何权衡是内联 JavaScript 和 CSS 还是将它们放到外部文件中。
Chapter 9, Rule 9: Reduce DNS Lookups highlights the often-overlooked impact of resolving domain names.
第9章,规则9——减少DNS查找:强调了解析域名时的频繁查找所产生的影响。
Chapter 10, Rule 10: Minify JavaScript quantifies the benefits of removing whitespace from your JavaScript.
第10章,规则10——精简JavaScript:量化了从 JavaScript 中移除空白字符所带来的收益。
Chapter 11, Rule 11: Avoid Redirects warns against using redirects, and provides alternatives that you can use instead.
第11章,规则11——避免重定向:对使用重定向提出了警示,并给出了可替代的方法。
Chapter 12, Rule 12: Remove Duplicate Scripts reveals what happens if a script is included twice in a page.
第12章,规则12——移除重复脚本:展示了如果一个页面中包含两处相同的脚本会发生什么情况。
Chapter 13, Rule 13: Configure ETags describes how ETags work and why the default implementation is bad for anyone with more than one web server.
第13章,规则13——配置 ETag:介绍了ETag是如何工作的,以及为什么对于任何拥有多于一台Web服务器的网站来说,默认的实现都是不好的。
Chapter 14, Rule 14: Make Ajax Cacheable emphasizes the importance of keeping these performance rules in mind when using Ajax.
第14章,规则14——使Ajax可缓存:强调在使用 Ajax 时牢记这些性能规则的重要性。
Chapter 15, Deconstructing 10 Top Sites gives examples of how to identify performance improvements in real-world web sites.
第15章,析构十大网站就如何确定现实世界中的网站的性能改进给出了一些实例。