序
前言
绪言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
索引