0


【性能优化】性能优化

❤️ Author: 老九
☕️ 个人博客:老九的CSDN博客
🙏 个人名言:不可控之事 乐观面对
😍 系列专栏:

文章目录

性能优化

在这里插入图片描述

  • 性能优化分为运行效率和加载效率

运行效率

在这里插入图片描述

加载效率

减少HTTP请求数量

  • 1.合并文件:精灵图,字体图标

使用CDN

  • 一般都分发静态内容

缓存

压缩文件、混淆

  • js,css,html等都压缩,gzip
  • minify:去掉代码里的空白等无意义字符
  • 混淆:通过改变代码的局部变量来缩短代码长度

样式表放在顶部、js代码放在底部

  • 更早的开始加载css文件,js代码的加载运行会阻止页面的解析

使用外部的js和css

  • 用link标签去加载,或者用script标签去加载,因为外部的css和js是可以缓存的,但是现在都是单页网站了,这个针对的是多页网站 ,或者是开了多个单页网站

减少DNS查找

  • 因为减少解析时间,但是现代浏览器同一个域名同时只能建立6-8个连接;所以又有了域名分散(cdn),这样多个域名一起就可以同时请求更多的资源,这个需要把握一个度

————————————————————————
♥♥♥码字不易,大家的支持就是我坚持下去的动力♥♥♥
版权声明:本文为CSDN博主「亚太地区百大最帅面孔第101名」的原创文章

标签: 性能优化

本文转载自: https://blog.csdn.net/partworld/article/details/131215445
版权归原作者 李小浦 所有, 如有侵权,请联系我们删除。

“【性能优化】性能优化”的评论:

还没有评论