網頁速度是什麼?
網頁速度英文名稱 Page speed,是衡量頁面內容載入速度的指標,網頁速度越快,表示使用者在打開網頁的時候,可以更快看到內容,而不用花時間等待頁面開啟。
網頁速度也是 SEO 網頁體驗(Page Experience)優化中的一環,網頁速度載入過慢可能會導致不良的使用者體驗,那麼網頁自然不會獲得理想的 SEO 排名。
為什麼網頁速度對 SEO 很重要?
Google 曾公告過,網頁速度是其演算法對頁面進行排名的訊號之一,不管是桌機還是行動裝置都應該對網頁速度進行優化,網頁載入越快就更有助於提高 SEO 排名。
根據 Google 的說法,如果你的頁面載入時間超過三秒,那麼用戶的跳出率幾乎會增加三倍,轉換率也會造成影響。簡單來說,開啟緩慢的網站會對使用者體驗產生負面影響,進而損害 SEO 排名。
另外,搜尋引擎的抓取預算有限,搜尋引擎爬蟲造訪網站、停留抓取的時間是有限的,網頁速度緩慢代表著爬蟲只能在該網站抓取更少的頁面,這將對網站的「索引」造成重大影響。
小補充:除了網頁速度外,提交網站地圖(Sitemap)也能為搜尋引擎爬蟲爬取網站時,節省下許多工作流程,幫助頁面內容能更快速被收錄。延伸閱讀【Sitemap 是什麼?提交後能提升網站排名嗎?】
檢測網頁速度的工具
- Google PageSpeed Insights
- Web Page Test
- Google Search Console
網頁速度優化方法
1、圖片優化
檔案過大的圖像通常會導致網頁速度變慢,壓縮圖像是有效提高網頁速度和 SEO 排名的最快解決方案之一,在不影響品質和使用者體驗的情況下盡可能地使影像壓縮到最小,並且選擇正確的影像格式,建議使用 JPG 和 PNG 兩種格式。
2、減少 HTTP 請求
當網頁瀏覽器向網站伺服器發送「請求」以獲取更多資訊時,就會發生 HTTP 請求。
假設使用者造訪一個頁面,伺服器從瀏覽器取得請求,在請求完成之前,使用者無法查看網頁中的內容,但是,如果該網頁不包含使用者查看頁面所需的所有資訊,瀏覽器將發送另一個請求。
請求越多,頁面速度就越慢,用戶將需要等待更長的時間才能查看整個頁面,所以應該減少 HTTP 請求(或進行優化使其載入速度更快)以提高頁面速度。
3、移除未使用的 JavaScript / CSS
有些網站會使用一些好用的 JavaScript、CSS 資源庫,但很多都是沒有用到的,過多的程式碼會阻塞瀏覽器運作的過程,透過優化程式碼,頁面速度可以顯著提高。
可以選擇要優先呈現的內容並且內嵌至 HTML 內,然後將未使用的 JavaScript、CSS 請工程師處理一下,將它們移除。
4、啟用瀏覽器快取(Cache)
瀏覽器快取是指使用者的瀏覽器暫時儲存網頁資料,可以減少使用者對伺服器的請求。因此,當使用者返回頁面時,網頁載入速度會更快。
使用瀏覽器快取需要在 HTTP Header 中,設定暫存資源的使用期限,暫存的資源通常包含重要的 HTML、CSS、Javascript、圖片等。
當使用者第一次進入您的頁面時,他們的瀏覽器會儲存以上資源,當使用者再次返回時,瀏覽器就不需要對伺服器發送請求,能加快頁面載入的時間。
5、使用 CDN 服務
內容分發網路(CDN)是一組分佈在不同位置的互連伺服器,它們使您的網站與每個用戶「更接近」。
簡單來說,CDN 可以當作是最佳化的快取,它會從使用者所在的最近的節點去抓取快取,因此使用 CDN 服務可以大幅提升網頁速度。
6、提高伺服器回應時間
伺服器回應時間受到您接收的流量、每個頁面使用的資源、伺服器使用的軟體以及您使用的託管解決方案的影響。
Google 官方表示:主機回應的速度,最好在 200ms (毫秒) 之內,正好也是大部分人類大腦的反應時間。
7、減少重定向(Redirects)
每一次的重定向都是向伺服器重新提出一次請求,用戶都會花費額外的時間來等待 HTTP 請求,因此應該減少網站上進行重定向轉址的網頁數量,替伺服器減少負擔。