fbpx

網站速度優化懶人包|做好網店 由網站速度開始

做網店的你相信一定有聽過甚至已經在優化網站的SEO設置,但在忙碌於SEO海洋中的同時,也千萬不要忽略其中一樣非常重要而見效亦都相對快的項目 —  網站速度 !

提外話,若果你對SEO的認識還不是很深,又或者經常會將SEO和SEM混淆的話,亦可以先行閱讀SEO VS SEM,先行了解兩者的定義、分別和用途;又或者跟著SEO教學中所提到的步驟逐步優化網站的排名,最後才回到網站速度優化這個課題,那你做起來亦會感到更加容易和事半功倍!

為甚麼要注重 網站速度 ?

先不說 網站速度 對SEO來說有多重要,網速更會直接影響到用家的體驗。根據過往的經驗以及其他廣告人的分享,不論目標客群由哪個平台按下進入網站的連結,只要用家未能在1 秒內成功進入網站,約4成用家就會放棄進入網站而離開,而這亦能在跳出率 (Bounce Rate) 中反映。

將心比已,當你第一次進入一個新網站,不單止第一次載入時間長,就連當你每按一次按鈕或連結都需要一定時間等待,相信除非這個網站對你來說是必需回來又或你真的非常喜歡這個品牌,不然你也不會想再次瀏覽這個網站,更不用說介紹給其他人了!所以如果要優化用戶的使用體驗 (UX) 從而增加網站的轉換率 (Conversion Rate) ,網站速度的提升絕對是必然的選擇!

**提外話:因為偉大防火牆的原因,內地人去外地的網站一般會慢約1秒或以上,如有這個情況實屬正常。

網站速度對SEO的影響大嗎?

言歸正傳,Google早於2010就曾經正式公告,網站速度是影響搜尋排名的主要因素之一,甚至在Google Analytics 中亦設有網站速度檢測工具令你可以簡單容易得知你不同頁面的速度,從而訂定針對性的優化措施。同時,Google亦於2017年1月進一步解釋優化網站速度的重要性,其中提到:因為搜尋引擎的效能有所限制,所以Google機械人去不同網站抓取的資料數量亦會有上限,因此若網站的結構完善、速度亦都足夠快,就可以令Google機械人在有限時間內讀取到更完整全面的資料。

如何檢測網站速度?

檢測網站速度的方法有很多,筆者在此選擇分享數個不同方法供大家參考:

方法一: Google Analytics

上文亦曾提過Google Analytics中其實都有內置檢測網站速度,只要在面版中的"行為"(Behaviour) 分類就可以輕易找到網站速度 (Site Speed) 工具。這個面版除了可以為你提供基本的資料如平均網頁載入時間 (Avg. Page Load Time (sec)) 、重新導向平均需時 (Avg. Redirection Time (sec)) 、網域查詢平均需時 (Avg. Domain Lookup Time (sec)) 等等資料外,亦會為你提供細分至每頁的平均載入時間 (Avg. Page load Time (sec)) 和評分,再基於每頁的情況去提供優化的建議。

網站速度優化懶人包|做好網店 由網站速度開始
(顯示基本總覽 — Google Analytics)
網站速度優化懶人包|做好網店 由網站速度開始
(顯示每頁的平均載入時間(Avg. Page load Time (sec)) 和評分 — Google Analytics)

方法二:YSlow

YSlow 是Yahoo推出的瀏覽器插件,如果你在其他的工具中都找不到網站速度慢的原因,又或你希望看到更詳細和專業的資料,不妨使用YSlow來診斷網站速度的健康狀況。但若你和筆者類似,並非電腦科技或程式專員的話,Google Analytics會是比較好的選擇。

網站速度優化懶人包|做好網店 由網站速度開始

方法三:WebPageTest

比起其他檢測工具,WebPageTest所能提供的資料可說是非常詳細的一款,大至網站整體速度,細至每一隻CSS、圖片的下載速度都一應俱全,令你可以直接找對重點,對症下藥。但同時詳細的背後總有代價,若你要完全讀懂它的報表,最好有一點網頁技術的基礎!

網站速度優化懶人包|做好網店 由網站速度開始

如何優化網站速度:

方法一:壓縮圖片

在不影響使用者體驗的前題下,盡量壓縮圖片的檔案大小,減低網站使用者的網絡負擔。如:你的網站只需要400 x 400 pixel的圖片就可以提供清楚和清晰的體驗給用家,但你卻使用800 x 800 pixel的圖片,這便會加重網站和使用者的負擔;除了這個情況外,你亦可使用不同的工具如webspeedtest.cloudinary 去壓縮網站的圖片。

方法二:使用加速版流動網頁 (AMP)

AMP 可以讓你建立快速載入的網頁,結合速度與流暢的載入過程,不單可以為用戶帶來更佳的到達網頁體驗,亦可以助你在搜尋排名中得到更高的位置,從而提升流量。但要注意的是AMP的網站頁面較HTML頁面簡化,未必適合所有頁面使用,所以只建議從網站中抽出特定分類/頁面進行應用。

網站速度優化懶人包|做好網店 由網站速度開始
(AMP用後效果參考圖表) — Owen Williams from One Zero)

方法三:還在使用Flash嗎?

以前很多網站很多網站都喜歡用Flash與GIF去提升畫面的動態效果,看起來很吸晴亦很華麗,但實際上卻會令載入時間更長,如果用戶網絡不穩的時候,甚至會出現大量死圖!不單影響用戶體驗,更會嚴重影響用戶對品牌的觀感。其實,現在你只要使用CSS3 語法演算出的動畫/效果,就可以做到相同甚至更好的效果,而容量亦會較小,不易引起網絡負荷!

看了這麼多,相信你也明白到網站速度的重要性了。那就快點開始檢測你的網站再嘗試不同的優化措施提升你的排名啦!

後記:

Ask Marketer 除了會與你分享不同的數碼營銷知識外,亦會為你提供不同的網上宣傳服務。我們清楚知道很多中小企公司都試過在經營中感到迷茫,無論付出再多時間、投資再多金錢、甚至聘請Agency負責不同的營銷範疇,但到頭來都一無所得!所以我們的服務有別於其他Agency,專門為你制定一門適合你公司的營銷計劃,甚至可以幫忙培訓你的員工的營銷知識,全面提升你公司的競爭力!授人以魚,不如授之以漁就是Ask Marketer的宗旨!

如果你在推廣上遇到任何疑難,歡迎隨時在我們的網站上和我們直接對話 (右下方按鈕) 或電郵至marketing@askmarketer.net 聯絡我們!

推薦文章:

想閱讀更多同類型文章?

發表迴響

這個網站採用 Akismet 服務減少垃圾留言。進一步瞭解 Akismet 如何處理網站訪客的留言資料

Up ↑

×

想輕鬆緊貼最新資訊?Like Facebook Page再設定為See First!

%d 位部落客按了讚: