Google Chrome 151穩定版新增軟導覽(Soft Navigation)與互動內容繪製兩類效能紀錄,讓開發者可依單頁應用程式中的各次軟導覽,分別量測內容顯示、操作反應與版面穩定性,避免效能資料全都歸在使用者最初開啟的網址下。
單頁應用程式常見於電子郵件、社群服務及各類網路系統。使用者點選連結後,網站會透過JavaScript進行軟導覽,更新網址與畫面內容,而不重新載入整份網頁,藉此縮短等待時間,但瀏覽器過去仍將前後畫面視為同一份網頁,導致效能監測資料混在一起。
像是使用者開啟網站首頁後,再進入商品頁面,監測工具可能只記得首頁的載入時間,無法準確反映商品頁面花了多久才顯示主要內容,也難以判斷點擊按鈕後的反應是否遲緩。
Chrome 151現在會辨識由使用者操作觸發,並伴隨可見網址變更及畫面內容繪製的頁面切換。每次偵測到軟導覽,瀏覽器便會建立新的計時起點,讓後續的畫面顯示、操作延遲及版面位移資料,歸入目前所在的網址。
另一項互動內容繪製紀錄,則用來測量使用者操作後,新內容實際出現在畫面上的時間。即使網站必須先向伺服器取得資料,開發者也能掌握使用者從操作到看到結果之間等待了多久。
互動內容繪製紀錄主要用來計算軟導覽的最大內容繪製(LCP)。Chrome也會在操作事件與版面位移等效能紀錄中加入navigationId,搭配軟導覽資料,讓開發者依各次導覽分別計算LCP、與下一次繪製的互動(INP)及累計版面配置位移(CLS),找出單頁網站中表現較差的特定頁面,而不是把不同網址的效能資料混在同一個頁面生命週期中。
不過,Chrome是依照使用者操作、網址變更與畫面更新等條件判斷軟導覽,部分網站仍可能出現誤判或漏判。現有的網站效能監測服務也必須加入支援,舊版Chrome及其他瀏覽器則未必能提供相同資料。
Google表示,計畫讓軟導覽資料用於核心網頁指標相關工具,但Chrome使用者體驗報告將如何呈現這些資料,目前仍未確定。因此,該更新現階段主要提供網站開發與維運人員更細緻的效能量測方式。
Comments (0)