【前端进阶-性能-性能优化检查点】

前端主要性能优化点

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为空

把样式表放在中

把脚本放在页面底部 欢迎补充...

转载于:https://www.cnblogs.com/wanxiong/p/frontend-performance-checklist.html