页面性能优化

content

减少HTTP请求：合并文件，CSS精灵，inline Image
减少DNS查询：DNS查询完成之前浏览器不能从这个主机下载任何文件。方法：DNS缓存，将资源分布到恰当数量的主机名，平衡并行下载DNS查询
避免重定向：多余的中间访问
使Ajax可缓存
非必需组件延迟加载
未来所需要组件预加载
减少DOM元素数量
将资源放到不同的域下：浏览器同时从一个域下载资源的数目有限，增加域可以提高并行下载量
减少iframe数量
避免404

server

使用CDN
添加Expires或者Cache-Control响应头
对组件使用Gzip压缩
配置Etag
Ajax使用GET进行请求
避免空src的img标签

Cookie

减少cookie大小
引入资源的域名不要包含cookie

css

将样式表放到页面顶部
不要使用CSS表达式
使用link，不使用@import
不使用IE的Filter

javascript

将脚本放到页面底部
将javascript和css从外部引入
压缩javascript和css
删除不需要的脚本
减少DOM访问
合理设计事件监听器

图片

优化图片：根据实际颜色需要选择色深，压缩
优化css精灵
不要再HTML中拉伸图片
保证favicon.ico小且可缓存