前端优化：雅虎军规

• [内容]尽量减少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属性为空

详细参考原文地址：前端优化：雅虎35条