做 SEO你絕對不可以忽略的【網站速度優化】,關於速度優化的三兩事

平常在 awoo 服務時,我們最常做的就是建議客戶做好"網站速度優化",但若要做好速度優化,其實是一件需要時間成本的勞力活,許多客戶在收到顧問文件時都會哀豪著…
 
"做這個速度優化這個很麻煩,可能要花很多時間耶"
"這東西重要嗎?能不能先做別的?"
"這到底跟SEO有甚麼關係?為什麼awoo要建議我們做這個?"
 
透過這篇文章,我們想跟你說:是的,網站速度非常重要,我們強烈建議你一定要做好
 

究竟網站速度重要在哪?

Google 於2010年曾經正式公告,網站速度是搜尋排名的因素之一,我想這對大家來說並不是新鮮事,在這篇文章中我們可以看到官方的論點、提升網站速度的方法。

有趣的是,今年1月Google在官方部落格正式說明甚麼是 "Crawl Budget",文中提到,因為搜尋引擎的效能還是有限,它去每個網站抓取資料的量是有個上限的。
簡單來說,搜尋引擎每一天只願意花固定的時間、資源在你的網站上抓取資料,超過這段時間它就會離開,因此,讓搜尋引擎能夠順利地抓取我們網站的資料、讀懂我們的網站是很重要的。
 

"Making a site faster improves the users’ experience while also increasing crawl rate."

(優化網站的速度,能同時提升使用者體驗與Google 抓取網站的資料量)
 
從這段話中,我們更可以看到官方已證實,"網站速度"本身不只影響你的排名,甚至還會影響網站是否 SEO – Friendly(如果網站速度慢到搜尋引擎抓取資料有困難,我想你應該擔心的不只是SEO,網站的使用者經驗同時也是會受到影響的)
 
最後,我們根據radware 過去曾經做過的報告來看,網站速度每慢一秒,就會影響到使用者的跳出率轉換率、平均訂單價值、甚至是瀏覽量。

(圖片轉自Radware
Radware的報告中更提到,有30%的使用者在造訪該網站後、若對該網站的速度不滿意,將絕對不會再次回訪你的網站。

(圖片轉自Radware
我們其實可以很輕易的想像到,在行動裝置盛行的年代,有許多人在搭公車、捷運,甚至是中午與同事一起用餐時使用手機,許多時候我們只有短短的3-5分鐘可以偷偷用手機逛個商城、看個Facebook。使用者只有寶貴的3-5分鐘能用手機上網,你的網站卻每點一頁就要讓使用者等上數十秒,很理所當然的會讓使用者感到反感、甚至讓他們不想再回訪你的網站。
 
我們可以從上述的資料得到很簡單的結論:如果你沒有做好網站速度,你的轉換率、跳出率、平均客單價會受到影響、搜尋排名會受到影響、網站被搜尋引擎抓取的狀況也會受到影響。
 

談網站速度優化,千萬不要用體感

現在有許的測試工具可以幫助你測試網站速度的狀況,我們會建議你千萬不要自己感覺"我的網站很快啊?我打開首頁不用兩秒",因為你的客群未必跟你一樣擁有良好的網路環境(尤其是手機上網,有許多使用者都在網路環境很差的狀況下上網),你也沒辦法保證搜尋爬蟲的爬取效能有多好。
你可以參考以下的工具,來幫助自己檢測網站的速度:
 

Google PageSpeed為 Google推出的網站速度優化工具,它的好處是操作較容易、提供的資訊也較為單純,你能夠從中快速看到自己網站的問題,常見的圖片壓縮、Gzip、伺服器回應時間他都能夠幫你檢測出來,甚至電腦版與行動版的檢測結果都能夠一起查看。

 
YSlow 為Yahoo推出的瀏覽器插件,它提供的資訊比 Google PageSpeed 還要再更完整一些,如果你在Google PageSpeed上找不到自己網站速度慢的原因、或你希望看到更詳細的資料,你可以使用YSlow來診斷網站速度的健康狀況。

 

WebPageTest 為目前速度檢測工具中,資料最為詳細的一款,它會幫你列出網站上每一隻CSS、Javascript、圖片的下載速度,並整理成完整的報告給你,這個工具也是Google官方認可的測試工具,但讀懂WebPageTest 的報表,需要有點網頁技術的基礎,如果你覺得網站速度很慢,WebPageTest 你一定能找到問題在哪、並從中改善網站速度的問題。

網站速度優化中,常見的優化項目有哪些?

 

  • 使用瀏覽器快取功能

快取功能可以讓使用者在造訪你的網站時,讓他先將部分的檔案先存取起來,於下次造訪時他就不必重新下載這些檔案,進而提高網站的瀏覽速度、使用者經驗。
 

  • 最佳化圖片

最佳化圖片指的是你圖片的大小,假設你的網頁上只需要300 x 300 pixel  的圖片就可以顯示出很清楚、清晰的圖片給網站使用者,但你卻上傳了600 x 600 pixel 的圖片到網站上,這會造成使用者的負擔,雖然我們在頁面上看到的確實是300 x 300 pixel 的圖片,但使用者在實際跟伺服器發出請求、並下載檔案時,下載的是600 x 600 pixel 的圖片,尤其如果你的網站圖片很多,卻又沒有進行最佳化,這會大大的影響網站的速度。
 

  • 優化 http request數量

我們網頁上的每一隻Javascript、CSS、圖片都會讓使用者需要跟伺服器多發出一次請求,假設你有20隻CSS,瀏覽器就必須跟伺服器互動20次才能拿到全部的檔案,因此過多的CSS與Javascript會導致使用者在與伺服器互動時需要執行較多次的http request,這當然會大大的影響網站速度,尤其有些網頁工程團隊因為分工的關係,很容易會產生太多隻 CSS/Javascript ,我會建議你盡可能地將CSS/Javascript 合併,控制在合理的數量以內。(當然這也要看網站的規模、架構,但即便你的網站確實需要大量的CSS/Javascript,我還是建議你盡量將它們合併,不要讓使用者執行過多的http request)
 

  • GZIP壓縮功能

GZIP 為網頁上非常常見的功能,它可以有效的將網頁資源壓縮,進而提高使用者的下載速度,GZIP也是Google 官方提倡大家一定要善用的功能。
 

awoo 的SEO團隊如何看待【網站速度優化】

在awoo服務過的上百個網站中,網站速度永遠是我們提供顧問流程中的重點項目,檢測客戶網站的速度狀況更是我們分析網站 SEO的 SOP之一,但改善網站速度可能需要整理 Javascript、CSS,甚至要請網站營運人員養成圖片壓縮的習慣,我們很清楚這是需要時間成本、需要人力來做的工作,但也因為我們知道它的重要,所以awoo一直以來都極力推動網站速度優化的概念,即便客戶會改的很辛苦、即便營運人員會抱怨連連,我們還是像健身房的教練般,在旁邊協助你舉起那30磅的啞鈴,因為我們清楚,做 SEO,從來就不是一件輕鬆的事,但做網站優化就像健身一樣,辛苦後你會得到甜美的回饋。
 
如果你的Google PageSpeed沒辦法優化到90分,我們會建議你至少優化到 70-80分以上,在awoo的工具球來就打中,我們也有把網站速度的優化項目加進檢測項目,希望透過文章知識的分享、平日客戶的顧問服務、awoo 工具的使用,來告訴大家速度的重要性。
 
當然,如果你是awoo工具的用戶,你可以不用使用Google PageSpeed、或是YSlow,因為我們除了速度優化的項目之外,也有其他 SEO的項目檢測。
(在球來就打內你可以看到速度優化項目的身影,那就是我們在告訴大家"這東西很重要")

最後,還是祝福所有的網站主都能經營好自家的SEO,透過搜尋引擎為網站創造價值。
 
延伸閱讀:
網站速度優化,從Google Page Speed Insights開始