高性能网站建设指南

序

前言

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

跟踪Web页面性能

时间花在哪了？

性能黄金法则

绪言B：HTTP概述

压缩

条件GET请求

Expircs

Kcep-Alive

更多信息

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

图片地图

CSSSprites

内联图片

合并脚本和样式表

小结

第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可缓存

Web2,0、DHTML和Ajax

异步与即时

优化AJax请求

现实世界中的Ajax缓存

第15章：析构十大网站

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

如何进行测试

Amazon

AOL

CNN

eBay

Googlc

MSN

MySpace

Wikipedia

Yahoo

YouTube

索引

　　本书结合Web2.0以来Web开发领域的最新形势和特点，介绍了网站性能问题的现状、产生的原因，以及改善或解决性能问题的原则、技术技巧和最佳实践。重点关注网页的行为特征，阐释优化Ajax、CSS、JavaScript、Flash和图片处理等要素的技术，全面涵盖浏览器端性能问题的方方面面。在《高性能网站建设指南》中，作者给出了14条具体的优化原则，每一条原则都配以范例佐证，并提供了在线支持。《高性能网站建设指南》内容丰富，主要包括减少HTTP请求、EdgeComputing技术、ExpiresHeader技术、Gzip组件、CSS和JavaScript最佳实践、主页内联、Domain最小化、JavaScript优化、避免重定向的技巧、删除重复JavaScript的技巧、关闭ETags的技巧、Ajax缓存技术和最小化技术等。《高性能网站建设指南》适合Web架构师、信息架构师、Web开发人员及产品经理阅读和参考。　　想让你的网站显示得更快？本书提供了14种规则，可以使用户在请求页面时减少20%-25%的响应时间。作为Chief.Pel.formanceYahoo！，作者SteveSouders收集了在优化网络时访问最多的页面积累下来的最佳实践。即使网站已经进行了高度的优化如Yahoo！Search和Yahoo！首页我们也能从这些出奇简单的性能规则中获益。　　《高性能网站建设指南》一书介绍了如何针对网站中的Ajax、CSS、JavaScript、Flash和图片进行性能优化。每个性能规则都提供了示例，在本书的配套网站上可以找到代码片段。这些规则包括：　　减少HTTP请求　　使用外部JavaScript和CSS　　使用内容发布网络　　减少DNS查找　　添加Expircs头　　精简JavaScript　　压缩组件　　避免重定向　　将样式表放在顶部　　移除重复脚本　　将脚本放在底部　　配置ETag　　避免CSS表达式　　使AJax可缓存　　如果你希望构建高流量页面，并且改善用户访问网站的体验，那么本书是你不可或缺之物。【作者简介】　　SteveSouders，ChiefPerformanceYahoo！，为Yahoo！的其他产品团队开发了性能分析工具，并致力于推广这些最佳实践和工具。在加盟Yahoo！之前，Steve曾就职于多家中小型公司，其中有两家还是他协办的HelixSystems和CoolSync。他是斯坦福大学管理科学与工程硕士。