❤️ Author: 老九
☕️ 个人博客:老九的CSDN博客
🙏 个人名言:不可控之事 乐观面对
😍 系列专栏:
文章目录
- 性能优化
- 运行效率
- 加载效率
- 减少HTTP请求数量
- 使用CDN
- 缓存
- 压缩文件、混淆
- 样式表放在顶部、js代码放在底部
- 使用外部的js和css
- 减少DNS查找
性能优化
- 性能优化分为运行效率和加载效率
运行效率
加载效率
减少HTTP请求数量
- 1.合并文件:精灵图,字体图标
使用CDN
- 一般都分发静态内容
缓存
压缩文件、混淆
- js,css,html等都压缩,gzip
- minify:去掉代码里的空白等无意义字符
- 混淆:通过改变代码的局部变量来缩短代码长度
样式表放在顶部、js代码放在底部
- 更早的开始加载css文件,js代码的加载运行会阻止页面的解析
使用外部的js和css
- 用link标签去加载,或者用script标签去加载,因为外部的css和js是可以缓存的,但是现在都是单页网站了,这个针对的是多页网站 ,或者是开了多个单页网站
减少DNS查找
- 因为减少解析时间,但是现代浏览器同一个域名同时只能建立6-8个连接;所以又有了域名分散(cdn),这样多个域名一起就可以同时请求更多的资源,这个需要把握一个度
————————————————————————
♥♥♥码字不易,大家的支持就是我坚持下去的动力♥♥♥
版权声明:本文为CSDN博主「亚太地区百大最帅面孔第101名」的原创文章