保留繪製 - 減少相同來源瀏覽內容中的白色閃光燈

轉換至 Chrome 瀏覽器時,暫時清除了螢幕畫面 新網頁,讓使用者安心載入網頁。這段「白光閃爍」的時間很短,瀏覽器會在載入網頁時顯示白色塗料。這可能會在兩次導覽之間造成干擾,尤其是當網頁在達到更有趣的狀態時,速度相當快時。

然而,對載入速度飛快的網頁來說,這種做法 使用者體驗請參考以下動畫範例 看起來就像今天

我們是這個網站的忠實粉絲,因此深陷他們的使用體驗 畫面上會發出白色閃爍,因此我們必須修正問題。我們做了一個新的行為 稱為「暫停」,瀏覽器會在稍後 尤其當網頁速度夠快時更是如此這可確保 網頁會完整顯示,讓使用者享有真正的免安裝體驗。

這項功能的運作方式是,我們會延遲合成器提交作業,直到達到特定網頁載入信號 (PLS) (例如首次顯示內容所需時間/固定逾時時間) 為止。我們會區分主執行緒的轉譯工作,並將其提交至實作執行緒 (只有後者會延遲)。等到 PLS 發生才能降低 閃爍白色/實心色。

我們的目標是透過 Chrome 的兩個網頁間 若是相同的來源,才能順暢運作,因此提供快速的預設導覽功能 不要使用閃爍的白色/純色背景 內容。

請試用 Chrome Canary (Chrome 76) 中的 Paint Holding 功能,並與我們分享你的想法。開發人員不必煩惱該如何修改 網頁加以運用