web前端开发,如何提高页面性能优化?
内容:
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.把脚本放在底部
CSS && JS:
19.把JavaScript和CSS放到外面
20.压缩JavaScript和CSS
img:
21.优化图片
22.优化CSS Sprite
23.不要用HTML缩放图片
24.用小的可缓存的favicon.ico(P.S. 收藏夹图标)
cookie:
25.给Cookie减肥
26.把组件放在不含cookie的域下
移动端:
27.保证所有组件都小于25K
28.把组件打包到一个复合文档里
服务器:
29.Gzip组件
30.避免图片src属性为空
31.配置ETags
32.对Ajax用GET请求
33.尽早清空缓冲区
34.使用CDN(内容分发网络)
35.添上Expires或者Cache-Control HTTP头