上圖顯示一網站出現載入延遲的情況。
Java Script對FID的影響
JavaScript不僅需要下載,還必須執行。若javaScript編碼位於頁面頂部附近,將有如大貨車堵塞公路,阻礙其他資訊在屏幕中呈現。
如何減少FID
在瀏覽器裡有一個線程叫Main Thread主線程,負責呈現網站外觀。主線程可以想像為網頁元素的高速公路,編排良好的主線程,能有效決定哪些元素率先載入,而避免過大而慢的代碼阻礙其他元素載入。
另一個減少FID的方法很直接,除了透過HTML屬性,決定好內容載入的順序,為內容載入建立順序外,當然檢查一下有沒有已經失效或不再用的編碼並刪除亦是常見減少FID的方法。然後,還有一招雖然不是甚麼新技巧,卻能根本地減少FID – 適度壓縮圖像以縮短頁面載入的時間。