雅虎35条——前端优化

发布于2017年4月18日 21:43:52

1、[内容]尽量减少HTTP请求数;
2、[服务器]使用CDN(Content Delivery Network);
3、[服务器]添上Expires或者Cache-Control HTTP头
4、[服务器]Gzip组件
5、[css]把样式表放在顶部
6、[js]把脚本放在底部
7、[css]避免使用CSS表达式
8、[js, css]把JavaScript和CSS放到外面
9、[内容]减少DNS查找
10、[js, css]压缩JavaScript和CSS
11、[内容]避免重定向
12、[js]去除重复脚本
13、[服务器]配置ETags
14、[内容]让Ajax可缓存
15、[服务器]尽早清空缓冲区
16、[服务器]对Ajax用GET请求
17、[内容]延迟加载组件
18、[内容]预加载组件
19、[内容]减少DOM元素的数量
20、[内容]跨域分离组件
21、[内容]尽量少用iframe
22、[内容]杜绝404
23、[cookie]给Cookie减肥
24、[cookie]把组件放在不含cookie的域下
25、[js]尽量减少DOM访问
26、[js]用智能的事件处理器
27、[css]选择 舍弃@import
28、[css]避免使用滤镜
29、[图片]优化图片
30、[图片]优化CSS Sprite
31、[图片]不要用HTML缩放图片
32、[图片]用小的可缓存的favicon.ico(P.S. 收藏夹图标)
33、[移动端]保证所有组件都小于25K
34、[移动端]把组件打包到一个复合文档里
35、[服务器]避免图片src属性为空

发表评论