網站速度優化10大技巧,提升 SEO 排名

2024/03/12閱讀時間約 3 分鐘

搜尋引擎優化(SEO)當中,網站速度優化是相當難的一件事情,但卻又是極度重要的排名因素。往往一個下載速度從15分進步到65分(以PageSpeed Insighs為準),排名就大大提升許多頁。所以從網站下載速度優化來提升SEO排名是一個很好的優化標的物。網站速度優化至少可以從這10個面向進行。


主機位置

主機位置就是一拍二瞪眼的事情,物理環境就是遠的話,網站下載速度就是慢。若在台灣的話,請盡量選擇亞洲主機,例如GCP、AWS、Siteground、Linode都有提供亞洲的主機位置。


減少HTTP Requests次數

減少HTTP Requests次數的概念,會比較難懂。一般瀏覽網站時,網站一開始就會下載全部的圖片、js檔、css檔,甚至從資料庫取得要呈現的資料。在每一次的"下載",都是一個瀏覽器伸手向主機端"索取"的概念。例如向主機端索取1張圖片、1個css檔,就要伸手2次。若一個瀏覽器的網頁畫面有50張圖片,3個CSS檔,就要伸手53次。這個2次、53次就是所謂的HTTP Requests的次數。一個畫面索取的資源愈少,畫面被下載、呈現的速度就愈來愈快。所以減少前端向伺服器索取資源的次數,就是所謂的減少HTTP Requests次數。這個被證實也是提高速度很快的方式。


壓縮網頁程式碼

繼"減少HTTP Requests次數"的說明,繼續往下承接這個概念,上述提到瀏覽器伸手向主機端索取資源,以達到完整呈現網頁畫面。若這份資源是又大又重,想當然在傳回到瀏覽器的過程中,就會花費更多的時間。因此,對於網頁程式碼的壓縮是一個重要的優化方向。透過壓縮程式碼,可以減少資源的大小,從而加快下載速度。常見的壓縮方式包括使用Gzip或Brotli等壓縮算法。


移除未使用的CSS、JS、HTML

在網站開發過程中,常常會使用許多CSS、JS和HTML檔案,但實際上並不是所有的檔案都被使用到。移除未使用的檔案可以減少HTTP Requests次數,同時減少下載的資源量,從而提高網頁的下載速度。


精簡圖片大小

圖片通常是網頁中佔用最多資源的元素之一。對於圖片的優化包括減少圖片的尺寸、壓縮圖片的品質、使用適當的圖片格式等。這些優化措施可以降低圖片的大小,進而提升下載速度。


減少HTML元素

網頁中的HTML元素數量越多,瀏覽器處理和渲染的時間就越長。因此,減少不必要的HTML元素可以提高網頁的下載速度。這包括避免使用過多的標籤、減少空白字符、簡化HTML結構等。


延遲載入

延遲載入是指將某些資源的下載延遲到需要時再進行,而不是在一開始就全部下載。這主要應用於非關鍵資源,如廣告、第三方腳本等。延遲載入可以減少頁面的初始下載時間,從而提高用戶體驗。


善用CDN服務

CDN(Content Delivery Network)是一種將網站資源分佈到全球多個節點的服務,用戶可以從最近的節點下載資源,從而提高下載速度。善用CDN服務可以幫助加速網頁的下載,特別是對於全球使用者來說。


伺服器端程式演算法

在伺服器端進行程式優化也是提高網站速度的一個重要方向。這包括使用快速的伺服器軟體、優化程式邏輯、使用快取等。伺服器端的優化可以減少資源的消耗,從而提高網頁的下載速度。


資料庫表單欄位結構

在資料庫設計中,合理的表單欄位結構可以提高資料的查詢效率,從而減少網頁載入所需的時間。適當地優化資料庫結構可以對網站速度和效能產生積極的影響。


留言0
查看全部
發表第一個留言支持創作者!