前端主要性能优化点
Accept-Encoding:gzip 进行资源压缩
gzip压缩方式浏览器支持情况:
Netscape 6 (Netscape 4-5 does, but with some bugs).
Internet Explorer 5.5 (July 2000) and IE 4 if set to HTTP/1.1.
Opera 5 (June 2000)
Lynx 2.6 (some time before 1999)
Firefox 0.9.5 (October 2001)
Chrome since forever
Safari since forever (as far as I can tell)
缺点:后台服务器压缩时占用CPU资源。
减少HTTP请求数
略
减少DNS查询
略
使用CDN
避免重定向
图片懒加载
减少DOM元素数量
减少DOM操作
使用外部Javascript和CSS
压缩JavaScript、css、子图、图片等
优化CSS sprite
使用iconfont
字体裁剪
多域名分发划分内容到不同域名
尽量减少iframe使用
避免图片src为空
把样式表放在中
把脚本放在页面底部 欢迎补充...
更多专业前端知识,请上 【猿2048】www.mk2048.com