前端

雅虎军规35条

Posted by jintang on 2015-08-02
  • [内容]尽量减少HTTP请求数
  • [服务器]使用CDN（Content Delivery Network）
  • [服务器]添上Expires或者Cache-Control HTTP头
  • [服务器]Gzip组件
  • [css]把样式表放在顶部
  • [js]把脚本放在底部
  • [css]避免使用CSS表达式
  • [js, css]把JavaScript和CSS放到外面
  • [内容]减少DNS查找
  • [js, css]压缩JavaScript和CSS
  • [内容]避免重定向
  • [js]去除重复脚本
  • [服务器]配置ETags
  • [内容]让Ajax可缓存
  • [服务器]尽早清空缓冲区
  • [服务器]对Ajax用GET请求
  • [内容]延迟加载组件
  • [内容]预加载组件
  • [内容]减少DOM元素的数量
  • [内容]跨域分离组件
  • [内容]尽量少用iframe
  • [内容]杜绝404
  • [cookie]给Cookie减肥
  • [cookie]把组件放在不含cookie的域下
  • [js]尽量减少DOM访问
  • [js]用智能的事件处理器
  • [css]选择舍弃@import
  • [css]避免使用滤镜
  • [图片]优化图片
  • [图片]优化CSS Sprite
  • [图片]不要用HTML缩放图片
  • [图片]用小的可缓存的favicon.ico（P.S. 收藏夹图标）
  • [移动端]保证所有组件都小于25K
  • [移动端]把组件打包到一个复合文档里
  • [服务器]避免图片src属性为空

详细参考原文地址：http://www.ayqy.net/blog/前端优化：雅虎35条/