Ilya Grigorik
發布日期：2014 年 3 月 31 日
「最佳化關鍵轉譯路徑」是指優先顯示 與目前使用者動作相關的內容。
瀏覽器必須付出大量心力，才能提供快速的網路體驗。做為網頁開發人員，我們大多不會看到這項工作：我們編寫標記，畫面上就會顯示好看的網頁。不過，瀏覽器如何從使用 HTML、CSS 和 JavaScript，轉變為在螢幕上顯示算繪的像素？
為了提升效能，您必須瞭解在接收 HTML、CSS 和 JavaScript 位元組，以及將這些位元組轉換為算繪像素所需的處理作業之間，這些中間步驟會發生什麼事，也就是關鍵算繪路徑。
透過最佳化關鍵轉譯路徑，我們可以大幅縮短網頁的初始轉譯時間。此外，瞭解關鍵轉譯路徑也是建構效能良好的互動式應用程式所需的基礎。互動式更新程序是相同的，只是以連續迴圈進行，最好在每秒 60 個影格時執行！ 我們首先概略說明瀏覽器如何顯示簡單的網頁。