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

前端主要性能优化点

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

把样式表放在中

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

posted @ 2018-10-13 13:19  talkbear  阅读(201)  评论(0编辑  收藏  举报