技術 [Day 25] 渲染模式初探與效能指標介紹

接下來幾篇會介紹渲染模式 Rendering Pattern，渲染模式應該是系列文裡我最頭痛的內容...，若有任何敘述錯誤或不清楚的歡迎提出討論！ 渲染模式的...

技術 靠 Grafana 吃飯的第二十一天 - Core Web Vitals 指標閾值定義解析

前言 我們都知道 Core Web Vitals 的指標包含 LCP、INP、CLS，也經常探討如何提升這些指標的表現，但我們很少有機會去了解這些指標的閾值定...

技術 靠 Grafana 吃飯的第二十天 - 深入了解前端效能監測與 Web Vitals

前言 既然我們有監控前端應用程式的需求，是因為我們需要知道我們的網站是否能夠提供良好的使用者體驗，其中佔比最大的就是效能問題。而我們可能都了解過效能需要如何改...

技術 [Day 21] 前端效能測試（ㄧ）－ 什麼是前端效能測試

要實作前端效能測試（Performance Testing）前，需要先知道什麼是「前端效能」？ 網頁前端效能關注的是「使用者在瀏覽器上使用網站所感受到的網站加載...

技術 Day04 X Core Web Vital & RAIL Model

在昨天介紹網頁檢測工具時，我們看到它提供了一些看起來十分專業的 Metrics，不過光看文字還真的猜不出它們代表的是什麼意思 ? 今天第一個段落會介紹三個評...

技術 從 IT 技術面細說 Search Console 的 27 組數字 KPI (12) ：網頁體驗 - Core Web Vitals

註：這篇不打算講 Core Web Vitals 的介紹、以及如何去解決，因為這資訊很難靠這樣一篇寫完，因此這篇是以 IT 管理者須要的『觀點角度』去寫。 網...