第1章：规则1——减少HTTP请求

      图片地图

      在一个最简单的转简中，超链接带有一些文本，并被关联到目标URL上。一种更为美观的选择是将超链接关联到图片上，例如在导航栏或按钮中。如果是以这种形式关联多个带有超链接的图片，使用图片地图这种方式就既能减少HTTP请求，又无需必变页面外观感受。

目录

      序

      前言

      绪言A：前端性能的重要性

      跟踪Web页面性能

      时间花在哪了？

      性能黄金法则

      绪言B：HTTP概述

      压缩

      条件GET请求

      Expircs

      Kcep-Alive

      更多信息

      第1章：规则1——减少HTTP请求

      图片地图

      CSS Sprites

      内联图片

      合并脚本和样式表

      小结

      第2章：规则2——使用内容发布网络

      内容发布网络

      节省

      第3章：规则3——添加Expires头

      Expires头

      Max-Agc和mod_cxpircs

      空缓存VS完整缓存

      不仅仅是图片

      修订文件名

      示例

      第4章：规则4——压缩组件

      压缩是如何工作的

      压缩什么

      节省

      配置

      代理缓存

      边缘情形

      压缩的实际效果

      第5章：规则5——将样式表放在顶部

      逐步呈现

      sleep.cgi

      白屏

      无样式内容的闪烁

      前端工程师应该做什么？

      第6章：规则6——将脚本放在底部

      脚本带来的问题

      并行下载

      脚本阻塞下载

      最差情况：将脚本放在顶部

      最佳情况：将脚本放在底部

      正确地放置

      第7章：规则7——避免CSS表达式

      更新表达式

      围绕问题展开工作

      小结

      第8章：规则8——使用外部JavaScript和CSS

      内联VS外置

      典型的对比结果

      主页

      两全其美

      第9章：规则9——减少DNS查找

      DNS缓存和TTL

      浏览器的视角

      减少DNS查找

      第10章：规则10——精简JavaScript

      精简

      混淆

      节省

      示例

      锦上添花

      第11章：规则11——避免重定向

      重定向的类型

      重定向是如何损伤性能的

      重定向之外的其他选择

      第12章：规则12——移除重复脚本

      重复脚本——确有其事

      重复脚本损伤性能

      避免重复脚本

      第13章：规则13——配置ETag

      ETag是什么？

      ETag带来的问题

      Etag——用还是不用

      现实世界中的ETag

      第14章：规则14——使AjaX可缓存

      Web 2,0、DHTML和Ajax

      异步与即时

      优化AJax请求

      现实世界中的Ajax缓存

      第15章：析构十大网站

      页面大小、响应时间、YSlow等级

      如何进行测试

      Amazon

      AOL

      CNN

      eBay

      Googlc

      MSN

      MySpace

      Wikipedia

      Yahoo

      YouTube

      索引

内容简介

      本书结合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这些建议中的20％，你的站点就能出现戏剧性的变化。有了这本书和YSlow扩展，实在是没有理由再构建出运行速度缓慢的网站了。”

      ——Joe Hewitt，Firebu9调试器和Mozilla的DOM解释器的开发者

      “Steve Souders完成了一项神奇的工作，他提出了一系列简明的、可操作的，并且注重实效的开发步骤，使Web性能世界发生了翻天覆地的改变。”

      ——Eric Lawrence，微软Fiddler Web Debugger开发者

      想让你的网站显示得更快?本书提供了14种规则，可以使用户在请求页面时减少20％～25％的响应时间。作为Chief Performance Yahoo！，作者Steve Souders收集了在优化网络时访问最多的页面积累下来的最佳实践。即使网站已经进行了高度的优化——如Yahoo！Search和Yahoo！首页——我们也能从这些出奇简单的性能规则中获益。

      《高性能网站建设指南》一书介绍了如何针对网站中的Ajax、CSS、JavaScript、Flash和图片进行性能优化。每个性能规则都提供了示例，在本书的配套网站上可以找到代码片段。这些规则包括：

      •减少HTTP请求•使用外部JavaScript和CSS

      •使用内容发布网络•减少DNS查找

      •添力Expires头 •精简JavaScript

      •压缩组件 •避免重定向

      •将样式表放在顶部 •移除重复脚本

      •将脚本放在底部 •配置ETag

      •避免CSS表达式 •使Ajax可缓存

      如果你希望构建高流量页面，并且改善用户访问网站的体验，那么本书是你不可或缺之物。

      Steve Souders，Chief Performance Yahoo！，为Yahoo！的其他产品团队开发了性能分析工具，并致力于推广这些最佳实践和工具。在加盟Yahoo！之前，Stevee曾就职于多家中小型公司，其中有两家还是他协办的——Helix Systems和CoolSync。他是斯坦福大学管理科学与工程硕士。