更多資訊 12 / 12

網站速度與效能

Google PageSpeed Insights:Websify 實測與 95+ 製作目標

好網站除了看起來舒服,也應該載入順暢、容易操作。Google PageSpeed Insights 可以幫我們檢查體驗背後的技術細節。這篇用 Websify 自己的英國及香港網站作實測,解釋報告怎樣看,以及 95+ 製作目標代表甚麼。

Read this article in English

最高製作標準,是 Websify 的預設。

Websify 為每個客戶製作網站,都以 Google PageSpeed Insights 的 Performance 95+ 為目標。網站速度會與設計、無障礙及查詢流程一起考慮。下文保留兩個首頁在 2026 年 10 月 21 日的公開網址實測,再交代 10 月 22 日的修復及本機重測結果。

Google PageSpeed Insights 是甚麼?

Google PageSpeed Insights 是免費的網頁效能檢查工具。輸入一個網址,就可以查看該頁在手機及電腦測試環境下的表現,以及值得改善的地方。

報告的 Lighthouse 部分有四項常見評分:

  • Performance(效能):在測試條件下的載入表現,包括速度、阻塞工作及畫面穩定性。
  • Accessibility(無障礙):自動檢查可能影響使用的問題;仍需配合人手檢查。
  • Best Practices(最佳實踐):部分技術實作及瀏覽器使用方式的檢查。
  • SEO(搜尋引擎優化):檢查一些有助搜尋引擎存取及理解頁面的基本項目。

四項評分各有用途。SEO 100 分,並不代表網站速度也是 100 分。按 Google 的評分說明,90–100 屬良好、50–89 需要改善、0–49 屬較差。Websify 的 Performance 95+ 目標,設在綠色的良好範圍內。

直接實測 Websify 英國及香港網站

我們在 PageSpeed Insights 輸入 https://websify.co.uk/ 及 https://websify.com.hk/,各記錄一次手機版及一次電腦版 Lighthouse 結果。報告時間為 2026 年 10 月 21 日約 21:44,英國夏令時間 BST(UTC+1)。

這次使用 Lighthouse 13.5.0。手機版模擬 Moto G Power 及 Slow 4G 網絡;電腦版採用模擬電腦及自訂節流條件。它們是模擬載入測試,並非直接量度某位客戶手機的實際速度。

首頁 Lighthouse 評分,滿分 100 · 2026 年 10 月 21 日
網站/裝置PerformanceAccessibilityBest PracticesSEO
websify.co.uk
手機版
6896100100
websify.co.uk
電腦版
9096100100
websify.com.hk
手機版
5796100100
websify.com.hk
電腦版
8296100100

手機閱讀時,可左右捲動表格查看全部評分。

與 95+ 目標怎樣比較?這四次 Performance 成績都未達 95+;Accessibility 全部為 96,Best Practices 及 SEO 全部為 100。後三項各自反映相關檢查的結果,不能代替效能改善。「以 95+ 為製作目標」與「某次測試已達 95+」,需要分開理解。

優化前的四份原始報告截圖

每張截圖都保留測試網址、日期、所選裝置及各項分數。按圖片可開啟大圖,旁邊亦附有對應的 Google 報告連結。

Google PageSpeed Insights 原始報告:websify.co.uk,手機版,2026 年 10 月 21 日。Performance 68、Accessibility 96、Best Practices 100、SEO 100。
websify.co.uk · 手機版Performance 68/100 · LCP 11.6 秒 · 查看 Google 報告
Google PageSpeed Insights 原始報告:websify.co.uk,電腦版,2026 年 10 月 21 日。Performance 90、Accessibility 96、Best Practices 100、SEO 100。
websify.co.uk · 電腦版Performance 90/100 · LCP 2.0 秒 · 查看 Google 報告
Google PageSpeed Insights 原始報告:websify.com.hk,手機版,2026 年 10 月 21 日。Performance 57、Accessibility 96、Best Practices 100、SEO 100。
websify.com.hk · 手機版Performance 57/100 · LCP 9.3 秒 · 查看 Google 報告
Google PageSpeed Insights 原始報告:websify.com.hk,電腦版,2026 年 10 月 21 日。Performance 82、Accessibility 96、Best Practices 100、SEO 100。
websify.com.hk · 電腦版Performance 82/100 · LCP 1.9 秒 · 查看 Google 報告

這次結果,實際告訴我們甚麼?

兩個首頁在手機及電腦模式下,Total Blocking Time 都是 0 ms,Cumulative Layout Shift 都是 0。這次效能問題主要落在內容何時出現:手機版 Largest Contentful Paint,英國站為 11.6 秒,香港站為 9.3 秒。

英國站的手機報告指出圖片傳送可改善,估算可節省 1,661 KiB;香港站則指出阻塞畫面載入的請求,估算可節省 8,950 ms,亦列出未使用的 CSS。這些是用來決定調查方向的估算,不能直接當成保證可縮短的時間。圖片、樣式表及字體載入,都是值得先處理再重測的項目。

報告的價值,在於把「網站要快一點」轉成具體可跟進的工作。

10 月 22 日更新:先修復手機版瓶頸

我們把原有標題字體改為由網站自身網域提供,移除關鍵載入路徑上的外部 Google Fonts 樣式表。香港首頁標題另外預載一個約 5.3 kB 的字體子集,其餘中文字仍以相同字款、分區字元檔案提供;同時調整香港首頁主圖尺寸及載入優先次序。

測試針對本機 localhost 的正式建置版本,使用 Lighthouse 13.5.0 預設的模擬手機條件,以及獨立的 Chromium 瀏覽器設定檔。本機基準已包括英國站當時已有的圖片改善。修復後,兩站各連續測試三次:

本機手機版 Performance 檢查 · 2026 年 10 月 22 日 · 滿分 100
網站版本本機基準修復後第 1 次第 2 次第 3 次
英國站94979897
香港站8099100100

兩站的本機版本在三次檢查中均超過 95+,Total Blocking Time 為 0 ms,CLS 為 0。這些是本機 Lighthouse 成績,並非正式網站的新 Google PageSpeed Insights 成績。上方公開報告截圖保留原有日期;部署後仍須以公開網址重測,才可換上新的 Google 報告截圖。

速度分數,與 Core Web Vitals 有何分別?

PageSpeed Insights 把模擬的 Lighthouse 測試,與歷史真實用戶資料分開呈現。後者來自 Chrome User Experience Report,涵蓋滾動的 28 天。這次兩站的真實用戶部分都顯示 「No Data」,代表報告未能提供相關評估,不能解讀成已通過或不合格。

Core Web Vitals 關注以下三方面,良好門檻以第 75 百分位評估:

  • LCP:2.5 秒或以下。畫面內最大的內容何時出現。
  • INP:200 毫秒或以下。頁面回應用戶操作是否夠快。
  • CLS:0.1 或以下。頁面有多少非預期的版面移動。

實驗室高分不能證明真實用戶的 Core Web Vitals 已通過;截圖中的 Total Blocking Time 0 ms,也不是 INP 的測量結果。Google 的 PageSpeed Insights 官方說明解釋了兩類資料為何可能不同。

Websify 的 95+ 製作目標,對客戶代表甚麼?

Websify 以我們最高的製作標準作為每個客戶網站的預設,把手機及電腦版的 PageSpeed Insights Performance 95+ 納入設計與製作目標。速度會與清楚的內容、響應式版面及順暢的查詢流程一起考慮。

朝這個目標製作,意味著要選擇合適尺寸的圖片、減少不必要的 JavaScript 及 CSS、安排字體載入、為圖片預留空間,並測試重要入口頁。預約工具、影片及其他第三方整合,也需要一併評估。

網站最終仍要服務生意需要。我們會把效能與文字可讀性、鍵盤操作及聯絡表格的可用性一起考慮;響應式網站指南則解釋如何讓不同螢幕的閱讀與操作保持清晰。

你也可以測試自己的網站

  1. 開啟 PageSpeed Insights,輸入要測試的完整頁面網址,再按 Analyze。
  2. 分別查看 Mobile 及 Desktop,記錄分數時一併保留日期與裝置。
  3. 看分數下方的指標及建議,先找出最主要的載入瓶頸。
  4. 除了首頁,也檢查重要服務頁及廣告到達頁。
  5. 改善後在相近條件下重測,並實際試用網站的按鈕、表格與聯絡流程。

常見問題

95+ 是否代表每次測試都保證達標?

95+ 是製作與優化目標。測試環境、內容、第三方整合及 Lighthouse 版本都可能影響結果。一份有用的報告應交代頁面、裝置及日期,再清楚呈現哪裡已達目標、哪裡仍需改善。

SEO 100 分,是否保證 Google 排第一?

不是。這個分數反映該類別涵蓋的自動檢查,搜尋仍受內容相關性、競爭及其他因素影響。真實用戶效能的角色,可參考 Google 的 Core Web Vitals 與搜尋說明。

電腦版已經快,為何仍要測手機?

模擬的裝置及網絡條件不同。這次英國站同一份報告的電腦版為 90,手機版為 68,正好說明兩者都值得檢查,不能用電腦成績代替手機體驗。

如果你想把設計、內容與網站速度一起做好,可以了解 Websify 網頁設計服務,或告訴我們你的網站需要。

資料來源:Google:About PageSpeed Insights;Chrome:Lighthouse performance scoring;web.dev:Web Vitals;Google Search Central:Core Web Vitals。資料及實測報告核對日期:2026 年 10 月 21 日。截圖記錄指定首頁當次的測試,並非全站或未來成績保證。

HK$280 起