之前使用vue構建的前端頁面每次加載都需要十幾秒的時間,最初的時候因為瀏覽器有緩存一直沒有發現這個問題,后來換用設備訪問的時候才發現。不想花費太多的時間去優化vue的代碼,感覺作用不大,畢竟服務器帶寬只有1M,再怎么壓縮文件大小都需要很長時間傳輸,所以使用CDN去加速靜態資源
先看一下之前的加載速度,簡直慘不忍睹
首先需要在雲服務商那購買CDN服務,我的服務器是騰訊雲的正好騰訊雲也有免費的CDN可以試用,購買環節跳過。
要使用CDN服務首先需要在域名管理處添加域名:
域名配置需要按照自己的服務器填寫,加速服務的配置看自己的需求了,一般來說選擇css、js、和圖片資源就夠了
提交配置等待幾分鍾后在域名管理處查看CNAME
接下來需要配置DNS解析服務
在開啟的時候如果出現沖突,按照提示關閉另外的一個即可
至此CDN的配置完成了,如果訪問還是很慢先去CDN刷新緩存檢查一下
最后的成果:1.16秒