雅虎军规：前端优化的35条建议

• 内容部分
  1、尽量减少HTTP请求数
  2、减少DNS查找
  3、尽量避免重定向
  4、让Ajax可缓存
  5、延迟加载组件
  6、预加载组件
  7、减少DOM元素的数量
  8、跨域分离组件
  9、尽量少用iframe
  10、杜绝404

• CSS部分
  11、避免使用CSS表达式
  12、选择<link>舍弃@import
  13、避免使用滤镜
  14、把样式表放在顶部

• JS部分
  15、去除重复脚本
  16、尽量减少DOM访问
  17、尽量使用事件委托（用智能的事件处理器）
  18、把脚本放在底部
  19、尽量把JS和CSS放到外面
  20、压缩JS和CSS

• 图片部分
  21、优化图片
  22、优化CSS Sprite
  23、不要在HTML中缩放图片
  24、尽量使用小的可缓存的favicon.ico

• Cookie
  25、减少Cookie大小
  26、将静态文件部署在不含cookie的域下

• 移动端
  27、保证所有组件都小于25k
  28、把组件打包到一个复合文档里

• 服务器
  29、Gzip压缩
  30、避免图片的src属性为空
  31、配置ETags
  32、使用GET Ajax请求
  33、使用CDN
  34、添加Expires或Cache-Control响应头部
  35、尽早flush输出

插件：Yslow
一款Yahoo开发的网站性能优化扩展