前端调优
传输优化
传输速度,传输数量,浏览器缓存,预先加栽和延迟加载
传输速度:
字节优化:HTML,JS,CSS,图片,Flash,XML
CDN:打破运营商间的限制(如DNSPod)
减少相同文件的重新下栽(如:Microsoft Ajax CDN)
使用expression web来恢复或者优化html格式
传输数量:
减少文件请求数量
适当的分减
避免404错误和重定向
使用多图集成的图片文件,都房栽一个文件,用css莱加载局部(不错的方式)
浏览器缓存:
GET方式请求文件便于缓存
CSS,js采用分离成外部文件的方式(手机客户端除外)
预先加载和延迟加载
预先加载
打开页面后用户立即需要看到的
打开页面时需要立即起作用的js和css
延迟加载
打开页面后需要用户进行一些动作才能看到的
预估到用户可能要访问的资源
客户端优化
css
尽量避免使用IE的滤镜和css表达式(cpu会很高)
尽量放在代码前面
尽量减少使用小图片repeat实现背景
js
优化算法(尤其是循环)
注意不支持长整形
没有真正得多线程,需要模拟实现
异步加载非页面初始化必需的js
HTML
尽量不要用table做布局,尤其是外围布局
尽量选择适用div,p等流式标签
尽量使用语义化的标签(strong,em)
减少DOM的个数,减少iframe的使用
考虑异步加载部分内容
AJAX
避免并发
尽量使用GET方式请求
参考传输优化