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 網絡;電腦版採用模擬電腦及自訂節流條件。它們是模擬載入測試,並非直接量度某位客戶手機的實際速度。
| 網站/裝置 | Performance | Accessibility | Best Practices | SEO |
|---|---|---|---|---|
| websify.co.uk 手機版 | 68 | 96 | 100 | 100 |
| websify.co.uk 電腦版 | 90 | 96 | 100 | 100 |
| websify.com.hk 手機版 | 57 | 96 | 100 | 100 |
| websify.com.hk 電腦版 | 82 | 96 | 100 | 100 |
手機閱讀時,可左右捲動表格查看全部評分。
與 95+ 目標怎樣比較?這四次 Performance 成績都未達 95+;Accessibility 全部為 96,Best Practices 及 SEO 全部為 100。後三項各自反映相關檢查的結果,不能代替效能改善。「以 95+ 為製作目標」與「某次測試已達 95+」,需要分開理解。
優化前的四份原始報告截圖
每張截圖都保留測試網址、日期、所選裝置及各項分數。按圖片可開啟大圖,旁邊亦附有對應的 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 瀏覽器設定檔。本機基準已包括英國站當時已有的圖片改善。修復後,兩站各連續測試三次:
| 網站版本 | 本機基準 | 修復後第 1 次 | 第 2 次 | 第 3 次 |
|---|---|---|---|---|
| 英國站 | 94 | 97 | 98 | 97 |
| 香港站 | 80 | 99 | 100 | 100 |
兩站的本機版本在三次檢查中均超過 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、安排字體載入、為圖片預留空間,並測試重要入口頁。預約工具、影片及其他第三方整合,也需要一併評估。
網站最終仍要服務生意需要。我們會把效能與文字可讀性、鍵盤操作及聯絡表格的可用性一起考慮;響應式網站指南則解釋如何讓不同螢幕的閱讀與操作保持清晰。
你也可以測試自己的網站
- 開啟 PageSpeed Insights,輸入要測試的完整頁面網址,再按 Analyze。
- 分別查看 Mobile 及 Desktop,記錄分數時一併保留日期與裝置。
- 看分數下方的指標及建議,先找出最主要的載入瓶頸。
- 除了首頁,也檢查重要服務頁及廣告到達頁。
- 改善後在相近條件下重測,並實際試用網站的按鈕、表格與聯絡流程。
常見問題
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 日。截圖記錄指定首頁當次的測試,並非全站或未來成績保證。