提升網頁性能的方法

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

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

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

你也會喜歡以下文章

網頁設計與SEO優化

在眾多網站中如何脫穎而出,
站點配置上就需要加上搜尋引擎優化,
網頁設計時準確地加入清楚的標題與段落
內容摘要與關鍵字標籤等,
根據頁面在網站不同的深度加上可以用的導航麵包屑,
如果有圖片、聲音、影像的多媒體檔案則加入alt等名稱標籤
讓搜索引擎抓取上更加精確可靠,
最重要的是提交網站地圖xml給予搜索引擎編目,
很多站長建置站點後並沒有提交編目,
由搜尋引擎自行爬取收錄相對緩慢。
網頁素材優化也是SEO的重點之一,
如何讓爬蟲快速抓取內容
主機的響應速度跟網頁優化都是重要的課題。

你也會喜歡以下文章