码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2018-10-13 14:45:29      阅读:155      评论:0      收藏:0      [点我收藏+]

标签:bugs   rom   explore   情况   java   域名   eve   服务器   定向   

前端主要性能优化点

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

把样式表放在中

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

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

标签:bugs   rom   explore   情况   java   域名   eve   服务器   定向   

原文地址:https://www.cnblogs.com/wanxiong/p/frontend-performance-checklist.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!