關鍵轉譯路徑

將關鍵轉譯路徑最佳化,對於改善網頁效能至關重要:我們的目標是優先顯示與使用者要在網頁上執行的主要操作有關的內容。

如要提供快速的網路使用者體驗,瀏覽器需要完成許多工作。網站開發人員其實看不到這當中的大多數工作:我們只要編寫標記,螢幕上就會顯示出漂亮的網頁。但是,瀏覽器究竟是如何使用我們的 HTML、CSS 和 JavaScript 在螢幕上呈現像素呢?

從收到 HTML、CSS 和 JavaScript 位元組,再對程式碼進行必需的處理,到最後轉變為顯示像素的過程中還有許多中間步驟。將效能最佳化其實就是瞭解這些步驟中所有的活動,這就是所謂的關鍵轉譯路徑

漸進式網頁轉譯

透過將關鍵轉譯路徑最佳化,我們可以大幅縮短初次轉譯網頁的時間。另外,瞭解關鍵轉譯路徑之後,還可以為您要建構的高成效互動式應用程式打下基礎。其實,處理互動式更新的過程是相同的,只是在連續迴圈中完成,理想情況下每秒播放 60 個畫面! 但是,我們還是按部就班來學習吧。首先,我們從頭開始快速介紹一下瀏覽器如何顯示簡單網頁。

關鍵渲染路徑

你將通過詳細了解移動瀏覽器和桌面瀏覽器如何渲染頁面,學習如何提高任何網站的速度。

在這一簡短的課程中,你將學習關鍵渲染路徑,也就是瀏覽器將 HTML、CSS 和 JavaScript 轉換成實際運作的網站必須採取的一系列步驟。 接著,你將利用工具來衡量性能,並運用簡單的策略盡快向屏幕中渲染畫面。 你將學習如何利用 Google Chrome 的開發者工具—— PageSpeed Insights 和時間表視圖,找到所需的數據並立即提高性能!

這個免費的課程可以在 Udacity 找到

參加課程