使用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