使用CDN优化首页加载速度


之前使用vue构建的前端页面每次加载都需要十几秒的时间,最初的时候因为浏览器有缓存一直没有发现这个问题,后来换用设备访问的时候才发现。不想花费太多的时间去优化vue的代码,感觉作用不大,毕竟服务器带宽只有1M,再怎么压缩文件大小都需要很长时间传输,所以使用CDN去加速静态资源

先看一下之前的加载速度,简直惨不忍睹

首先需要在云服务商那购买CDN服务,我的服务器是腾讯云的正好腾讯云也有免费的CDN可以试用,购买环节跳过。

要使用CDN服务首先需要在域名管理处添加域名:

域名配置需要按照自己的服务器填写,加速服务的配置看自己的需求了,一般来说选择css、js、和图片资源就够了

提交配置等待几分钟后在域名管理处查看CNAME

接下来需要配置DNS解析服务
在开启的时候如果出现冲突,按照提示关闭另外的一个即可

至此CDN的配置完成了,如果访问还是很慢先去CDN刷新缓存检查一下

最后的成果:1.16秒

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM