Google Pagespeed Insights – 將分數提升到什麼地步才算是可接受?分數是怎樣計算的?  | 香港開網店|開Shopify網店服務|網店資料遷移至Shopify服務

Google Pagespeed Insights – 將分數提升到什麼地步才算是可接受?分數是怎樣計算的?

Google PageSpeed Insights,毫無疑問地是對所有網站管理員、開發人員和網站所有者,都是一個有用的工具。很多人花費數小時甚至數個月去優化他們的網站,以便在此測試中獲得 100/100 分,就算99分都不能接受。

但其實有沒有將網站提升到滿分的需要呢?

 

什麼是 Google PageSpeed Insights

Google PageSpeed Insights 是一款免費測量網速的工具,現時也是市面上最有公信力的其中一種測速工具。你可以在Google PageSpeed Insights輸入任何 網址,並對該網站進行速度效能分析。也就是說,你可以利用Google PageSpeed Insights了解降低網站或App載入速度的問題。

Google PageSpeed Insights 背後的系統是Lighthouse,它是一款開源工具,用作收集和分析來自Chrome 用戶體驗報告數據,再提供給你一個總結網站性能的分數以及一系列提升網站表現的建議。

 

審計項目

描述

計算權重

首次內容繪製 (FCP)

瀏覽器載入並顯示第一張圖或第一個文字、背景等等的時間

15%

速度指數 (SI)

頁面加載的視覺速度以及內容繪製的速度

15%

最大含量塗料 (LCP)

測量網頁主要內容經過下載顯示到網頁上的速度

25%

互動時間 (TTI)

從 FCP 開始,在一個時間內(至少 5 秒),沒有長時間的程式任務 (大於 50ms 的程式任務) 在執行

15%

總阻塞時間 (TBT)

FCP 和 TTI 之間的時間,表示主要執行緒阻塞的時間,這一段時間訪客無法進行網頁操作

25%

累積版式偏移 (CLS)

網頁的顯示穩定度

5%

 

這些權重的分配,對於 Lighthouse 6 來說是準確的,但在未來的版本中會根據 Lighthouse 團隊的研究進行更改。此外,由於網站、瀏覽器和網絡技術的高度可變性,所以每次運行測試時,網站的性能分數都可能會有所不同(即使網站的代碼沒有作出任何更改)。

根據每個加權指標的數值,效能得分可分為良好、需要改進及較差三個類別。

良好:90-100

需要改進:50-89

較差:1-49

任何高於 90 的分數都被認為是好的。

於我們的經驗而言,在大多數情況下,當你的網站或應用程式達到了一個好的分數(或比較接近好的分數)之後,其實你便不需再深究怎樣才能做到100分。原因很簡單,分數是基於用戶數據計算出來的,而因為用戶的數據每天都會更新,所以100/100 的分數很難實現,沒有太大必要執著一定要做到滿分。

你可以在報告的桌機(Desktop)版和手機(Mobile)版之間切換,這在優化網站時會很有幫助。如果你是網站站主,而你的網站不是採用AMP結構,那通常Mobile版的分數會比Desktop版要低。

但當然,只要有了解過AMP結構,就會明白為何不少網主都不會使用。一來網站設計會大受影響,二來就算能有效為網站提速、提升Google PageSpeed Insights的分數,將網站弄成AMP結構,費用都不會太過便宜。

雖然在 Google PageSpeed Insights 中獲得 100/100 實際上並不是那麼重要,但盡可能地改善網站的載入時間仍然是一個網站擁有人需要重視的要點(起碼也不能低於40分吧!)。

Related Posts

【快訊】香港Shopify網店可用HSBC PayMe Business收款!|2022香港消費券
【快訊】香港Shopify網店可用HSBC PayMe Business收款!|2022香港消費券
不少店主都認為只有Shopline跟Boutir這類專攻香港的網店平台才能接駁滙豐銀行推出的PayMe電子錢包。但大家知道嗎?原來在不久前,大家已經能在Shopify上使用PayMe Business收取貨款了。
Read More
【Shopify香港】什麼是Facebook Conversion API (CAPI)?為什麼作為店主的你必須知道?
【Shopify香港】什麼是Facebook Conversion API (CAPI)?為什麼作為店主的你必須知道?
作為Shopify網店店主或Facebook廣告平台管理者,你身邊的人一定都在談論 Facebook Conversion API,同時你亦應該已經收到來自 Facebook 的一系列通知,內容大部分都是 iOS 14 更新和實施 Face
Read More
為什麼我的圖片一放上Shopify就變模糊? Shopify處理圖像檔的原理解析
為什麼我的圖片一放上Shopify就變模糊? Shopify處理圖像檔的原理解析
很多人都覺得 Shopify 會修改或壓縮你上傳的圖像檔案。雖然這個講法十分之流行,我們有時亦會跟客戶這樣解釋(溝通上比較省時),但從技術層面來說,這是一個十分常見的誤解。
Read More
×