Google 的台語版科普! 以海產店為例的 2021 年 Core Web Vitals 網站體驗核心指標官方講解

「台語科普」Core Web Vitals 講解影片,淺談 FID, LCP, CLS 三大網站體驗核心指標,並以海產店點餐為例;對已熟知且實作會注意最佳化的人,可能沒什麼,但對一般使用者而言,我想真的有變得特別好懂!

6/25 下午,一直有在在意網站加速、測速、最佳化檢測、SEO 與使用者體驗的客戶,分享給我 Google 開發人員官方配音、6/24 新發佈的台語科普」Core Web Vitals (網站體驗核心指標) 講解影片XD

Core Web Vitals (網站體驗核心指標): 台語解說版附字幕

Core Web Vitals: An everyday explanation (Taiwanese with English subtitles)

開頭幾段字幕截圖附中文翻譯

開頭幾段字幕截圖附中文翻譯 - Google 的台語版科普! 以海產店為例的 2021 年 Core Web Vitals 開發人員官方講解影片
開頭幾段字幕截圖附中文翻譯 – Google 的台語版科普! 以海產店為例的 2021 年 Core Web Vitals 開發人員官方講解影片

一點開就秒懂它厲害的地方與用心,台語到位,就算聽不懂台語的人,我相信也能完全感受到那股真誠與友善。

重點是,對已熟知且實作會注意最佳化的人,可能沒什麼,但對一般使用者而言,我想真的有變得特別好懂 (比一般放慢兩倍速附帶生動表情)!

淺談網站體驗 FID, LCP, CLS 三大指標,並以海產店點餐為例

FID 首次輸入延遲 – 點餐

要點餐了,叫「老闆~ 老闆~」但老闆還沒來,因為在忙別的事 (影片是講在服務別桌,因為是邊對照網路服務在跑的流程圖,所以我再調整一下舉例),等忙好,過來了,才出現。

這就是叫作 FID (First Input Delay,首次輸入延遲) 啦!

LCP 最大內容繪製 – 上菜

叫了好多菜上來,但最重要的那道菜,還沒出現,會很在意,希望這道菜趕快出現

所以 LCP (Largest Contentful Paint,最大內容繪製) 就是,等出菜 (佔網頁畫面 / 桌面最大的那項) 的這段時間啦!

CLS 累計版面配置位移 – 夾菜

看起來菜都到了,正要夾菜時,「啊!餐桌轉盤在動,害我好困擾。」就像網頁上的元素載入但動來動去、不自然,甚至還會突然跑出別的東西、換位一下,本來要點下去,結果點的位置變成一個按鈕。

要夾龍蝦,因為轉盤在動,結果夾到苦瓜,好苦啊!
這就是 CLS (Cumulative Layout Shift,累計版面配置位移)


實在太強大經典了,忍不住挑了其中幾句字幕截圖拼起來外加中文翻譯 (本來想打類似台語狀聲意味的翻譯) 學習榜樣啊啊!以後,解釋網站最佳化和 Google 網站體驗核心指標之類的檢測項目內涵與重要性都要先做到:

講給沒碰網站的爸媽聽得懂,再來分享、打介紹文,共勉之 ?

解釋網站最佳化和 Google 網站體驗核心指標,要能做到這程度,有學問的。

相對不友善的網站體驗核心指標文章 (對照組)

筆者於 2020 年 12 月 6 日發佈的 Google新措施!網頁體驗指標、AMP動向與非AMP的SEO差異 文章,論及 Core Web Vitals、網頁體驗信號的宣告說明、AMP / 非 AMP,與 Google vs 歐美司法及新聞媒體產業…等。

Google新措施!網頁體驗指標、AMP動向與非AMP的SEO差異

然後就會更突顯,這篇台語解說多親民友善優秀了,筆者再加油啦!

PS. 補拉札 = Browser = 瀏覽器

預設圖片
Green Yang

Brand, Jazz, WordPress. Come on in! Here are my own 3 websites and IG for career and for fun!
品牌, 事業, 網站, 爵士,歡迎來逛逛我的三個網站與一個 IG ,有正經有趣味喲! - https://linktr.ee/gjazz

文章: 30

歡迎留言

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料

聯絡洽詢

聯絡洽詢

開始來 刻刻網頁 x 刻刻事業!

不要走開,請點選單的「聯絡我們」

Contact Us

聯絡洽詢
Hello, 需要專業服務洽詢嗎?
讓我們提供適合您網站/網路事業的最佳解決方案、專業實作或顧問服務 👋
Fluent Forms 事業加持?
%d 位部落客按了讚: