提升網頁性能的方法

一般的網站,
不外乎都是採取HTML5的架構去設計,
先載入HTML格式的主體,
再引導css的版型素材與js的腳本構成頁面,
最後加載頁面需要的插圖完成網頁的載入。

但設計比較豐富取華麗的網頁,
大量導入css與js素材往往會出現堵塞的情形,
有時候為了美觀甚至添加不少圖片,
沒有經過優化容易提高網頁主機的負載量,
以及消耗更多的訪客終端資源,
顯示網頁就會更加卡頓。

如何避免上述的問題呢?
網站需要經過好的優化操作,
大量的css與js相關網頁素材,
傳統HTTP/1.1的模式都會建議將素材壓縮後合併,
但目前Google大力推廣HTTP/2之後,比較不建議再合併素材
對於頁面傳輸來說並沒有太大的助益,
主要以素材壓縮與精簡為主
有些網站css+js+圖片甚至會出現一百多個素材的量,
這時候建議透過第三方的CDN服務進行分流,
透過不同的網域併發傳遞數據減輕網頁主機的負荷,
常見的CDN服務像是AWS的CloudFront、AzureCDN等,
都能對網頁載入的速度做進一步的提升。

你也會喜歡以下文章

發表迴響

你的電子郵件位址並不會被公開。