【性能优化】性能优化

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

文章目录

  • 性能优化
    • 运行效率![在这里插入图片描述](https://img-blog.csdnimg.cn/557680b0ca51484c9c2c6c24ce6250e3.png)
    • 加载效率
      • 减少HTTP请求数量
      • 使用CDN
      • 缓存
      • 压缩文件、混淆
      • 样式表放在顶部、js代码放在底部
      • 使用外部的js和css
      • 减少DNS查找

性能优化

【性能优化】性能优化_第1张图片

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

运行效率【性能优化】性能优化_第2张图片

加载效率

减少HTTP请求数量

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

使用CDN

  • 一般都分发静态内容

缓存

压缩文件、混淆

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

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

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

使用外部的js和css

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

减少DNS查找

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

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

你可能感兴趣的:(#,性能优化,性能优化)