【性能优化】性能优化

❤️ 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名」的原创文章

  • 8
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 8
    评论
评论 8
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

李小浦

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值