關鍵轉譯路徑

Ilya Grigorik
Ilya Grigorik

最佳化重要轉譯路徑是指優先顯示與目前使用者動作相關的內容。

如要提供快速的網頁體驗,瀏覽器需要完成許多工作。網頁程式開發人員無法看到大多數的工作,也就是只要撰寫標記,畫面上就會顯示美觀的網頁。不過,瀏覽器究竟是如何使用我們的 HTML、CSS 和 JavaScript 在螢幕上呈現象素呢?

將效能最佳化的重點在於瞭解從收到 HTML、CSS 和 JavaScript 位元組,到取得必要處理後,將像素化為轉譯像素之間的中階步驟,也就是關鍵轉譯路徑

漸進式頁面轉譯

將重要轉譯路徑最佳化,我們得以大幅縮短初次轉譯網頁的時間。此外,瞭解關鍵轉譯路徑還可讓您奠定建構高效能互動式應用程式的基礎。其實,互動式更新的程序是相同的,只是以連續迴圈完成,理想情況下每秒 60 個影格! 但首先,我們先簡單介紹瀏覽器如何顯示簡單的網頁。

其他資源

意見回饋: