SEO新規矩:輸入延遲 FIRST INPUT DELAY(略為難懂)

Hins Chan • Mar 18, 2021

請給我們一點支持,關注我們的Facebook Fanpage @Squaredigitalhk ,好讓我們撰寫更多優質文章。

早前分享過Google新的使用者體驗核心指標 Core Web vital,當中三個指標中,互動性的評核來自於首次輸入延遲First Input Delay (FID) 。究竟造成延時的原因包括哪些?有甚麼改善方法?

何謂FID?
FID是指網站於載入時,瀏覽器回應網站訪問者首次和網站互動,所花費的時間長度,它另一個名字為Input Latency。發生於使用者開始於網站互動,至瀏覽器回應互動,兩者之間所花的時間。
互動的類型包括點擊按鈕,連結,然後瀏覽器開始進行跳頁。 於欄位輸入文字、下拉列表和剔選欄目,都是FID將測量的互動點例子。

FID是如何造成的?
瀏覽器透過下載編碼、圖像、字型、CSS和JavaScript等等,並將它們組織成一頁面,就是大家看見的網頁頁面了。
組織處理的過程叫Rendering,每個Rendering task為一個Thread(線程)。
試想像一下一個無序的交通環境下,人車爭路、堵塞等問題必定一一出現。
數據傳輸也是同樣道理。一些檔案較大,一些頁面的編程較複雜...若圖像和編碼並未好好整理,無序的編碼就像大小、速度都不一的汽車和行人,導致交通忽停忽動。

上圖顯示一網站出現載入延遲的情況。

Java Script對FID的影響

JavaScript不僅需要下載,還必須執行。若javaScript編碼位於頁面頂部附近,將有如大貨車堵塞公路,阻礙其他資訊在屏幕中呈現。


如何減少FID

在瀏覽器裡有一個線程叫Main Thread主線程,負責呈現網站外觀。主線程可以想像為網頁元素的高速公路,編排良好的主線程,能有效決定哪些元素率先載入,而避免過大而慢的代碼阻礙其他元素載入。


另一個減少FID的方法很直接,除了透過HTML屬性,決定好內容載入的順序,為內容載入建立順序外,當然檢查一下有沒有已經失效或不再用的編碼並刪除亦是常見減少FID的方法。然後,還有一招雖然不是甚麼新技巧,卻能根本地減少FID – 適度壓縮圖像以縮短頁面載入的時間。

如果你覺得我們寫的文章有用,請幫我們分享一下

YouTuber新手該如何制訂內容?如何增加訂閱人數?
By Hins Chan 19 Mar, 2021
一些YouTuber之所以受歡迎,在於其出眾的主持技巧。雖然你也許很想成為那樣的人,但不代表模仿他們便能帶來成功。須知道形象可以營造,但不可以假冒。若希望仿效對象的風格跟你本人根本不搭,只會弄考成拙。這個時代拍攝節目,在乎一個「真」字而已。踏實地經營內容,風格漸漸自然生成。
網絡營銷 餐飲篇 – 經營虛擬外賣品牌的商機與挑戰
By Hins Chan 19 Mar, 2021
這些平台的特色,在於餐廳菜單、資訊格式的高度一致性。餐廳變相可以推銷的空間就只有食物宣傳照、餐單內容和折扣。避免使用網上圖庫買回來的stock photo,以實物照片作宣傳照,給予客人信心;菜式內容亦需清晰,並配合菜式描述以吸引客人嘗鮮。
網絡營銷活動 - 將實體活動轉移至線上,有甚麼好處?
By Hins Chan 18 Mar, 2021
雖然在COVID-19疫情開始前,已經有不少商家嘗試舉行線上活動,不過線下的實體活動對不少企業來說依然具吸引力。可是,到了不得不轉型的今天,我們也許可以先了解一下,活動轉換成線上形式背後牽涉的成本和考慮。
More Posts
Share by: