前端优化

发表于

内容方面

1
2
3
4
5
6
7
8
9
合并css、js文件（减少http请求）
避免跳转
推迟加载某些内容和结构（实现拖放和动画的js、隐藏部分的内容、出于折叠部分的图像和内容）
预加载（浏览器出于空闲的时候请求将可能用到的页面）
减少DOM数量
减少iframe的使用
不要出现404错误
避免空的图片路径
优化图片文件（减小图片大小、不要在html中缩放图片）

服务器方面

1
2
3
为文件头制定Expires或Cache-Control
对于静态内容：设置文件头过期时间Expires的值为“Never expire”（永不过期）
对于动态内容：使用恰当的Cache-Control文件头来帮助浏览器进行有条件的请求

CSS方面

1
2
3
4
把样式表置于顶部
避免使用css表达式
用<link>代替@import
避免使用滤镜

JS方面

1
2
3
4
把脚本置于页面底部
使用外部js和css文件
压缩js和css代码
减少DOM访问

COOCKIE

1
减小coockie体积

手机端

1
保持单个内容小于25K（iphone不能缓存大于25K的数据文件）