绪言A 前端性能的重要性

跟踪Web页面性能

时间花在哪儿了？

性能黄金法则

绪言B HTTP概述

压缩

条件GET请求

Expires

Keep-Alive

更多信息

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

图片地图

CSS Sprites

内联图片

合并脚本和样式表

小结

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

内容发布网络

节省

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

Expires头

Max-Age和mod_expires

空缓存VS完整缓存

不仅仅是图片

修订文件名

示例

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

压缩是如何工作的

压缩什么

节省

配置

代理缓存

边缘情形

压缩的实际效果

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

逐步呈现

sleepcgi

白屏

无样式内容的闪烁

前端工程师应该做什么？

第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

eBav

Google

MSN

MySpace

Wikipedia

Yahoo!

YouTube

索引