Google Chrome 151 版本提升單頁網站效能監控

Google Chrome 151 版本提升單頁網站效能監控

Google Chrome 151穩定版新增軟導覽（Soft Navigation）與互動內容繪製兩類效能紀錄，讓開發者可依單頁應用程式中的各次軟導覽，分別量測內容顯示、操作反應與版面穩定性，避免效能資料全都歸在使用者最初開啟的網址下。

單頁應用程式常見於電子郵件、社群服務及各類網路系統。使用者點選連結後，網站會透過JavaScript進行軟導覽，更新網址與畫面內容，而不重新載入整份網頁，藉此縮短等待時間，但瀏覽器過去仍將前後畫面視為同一份網頁，導致效能監測資料混在一起。這個問題使得開發者難以準確地找出載入慢、操作延遲或版面位移問題。

軟導覽與互動內容繪製

Chrome 151現在會辨識由使用者操作觸發，並伴隨可見網址變更及畫面內容繪製的頁面切換。每次偵測到軟導覽，瀏覽器便會建立新的計時起點，讓後續的畫面顯示、操作延遲及版面位移資料，歸入目前所在的網址。這個功能可以讓開發者更好地了解單頁網站中各個頁面的效能。

另一項互動內容繪製紀錄，則用來測量使用者操作後，新內容實際出現在畫面上的時間。即使網站必須先向伺服器取得資料，開發者也能掌握使用者從操作到看到結果之間等待了多久。這個功能可以幫助開發者找出哪些頁面或操作需要優化。

效能監測的改善

Chrome也會在操作事件與版面位移等效能紀錄中加入navigationId，搭配軟導覽資料，讓開發者依各次導覽分別計算LCP（最大內容繪製）、INP（與下一次繪製的互動）及CLS（累計版面配置位移），找出單頁網站中表現較差的特定頁面，而不是把不同網址的效能資料混在同一個頁面生命週期中。這個功能可以讓開發者更好地了解哪些頁面需要優化。

未來展望

Google表示，計畫讓軟導覽資料用於核心網頁指標相關工具，但Chrome使用者體驗報告將如何呈現這些資料，目前仍未確定。因此，該更新現階段主要提供網站開發與維運人員更細緻的效能量測方式。未來，開發者可以期待更好的效能監測和優化工具，讓使用者體驗更好。

總結

Google Chrome 151版本的更新為單頁網站效能監控帶來了重大改善。通過軟導覽和互動內容繪製，開發者可以更好地了解哪些頁面需要優化，從而提供更好的使用者體驗。雖然這個更新還有一些限制，但它標誌著瀏覽器對於單頁網站效能監測的重視和努力。未來，開發者可以期待更好的工具和功能，讓網站效能更好，使用者體驗更佳。