鐵人檔案
你以為 Grafana 只是後端或 DevOps/SRE 的專屬工具？其實，這個集監控、可觀測性以及數據視覺化於一身的工具與『前端』息息相關。前端工程師不僅可以藉由 Grafana 進行應用程式開發，還能滿足需求越來越高的前端監控。在本系列文章中，我將深入介紹如何利用 Grafana Scenes 打造高度客製的 Grafana App，並結合 Grafana Faro 進行前端效能監控，打破你對 Grafana 的既有認知，讓我們一起探索 Grafana 在前端世界中的無限可能！
前言 我們都知道 Core Web Vitals 的指標包含 LCP、INP、CLS，也經常探討如何提升這些指標的表現，但我們很少有機會去了解這些指標的閾值定...
前言 我們在前三章的介紹中，深入地了解前端的監控以及 Web Vitals 的相關知識。在前端開發中，許多開發者已經熟悉了各種監控工具，這些工具可以幫助我們了...
前言 在上一篇文章中，我們了前端監控與可觀測性的重要性，並介紹了可觀測性的三個要素 Trace、Metric 和 Logs。延續了 OpenTelemetry...
前言 我們了解 Faro 從資料收集到資料呈現的過程，需要有一個 Agent 做為中繼站以及 Grafana Loki 及 Tempo 作為數據收集的服務，背...
前言 Grafana Faro 初始化設定只需要幾行程式碼即可完成，同時也提供了更細節的設置屬性，這些屬性都是可以依據每個使用場景或需求來調用。而本章節中想要...
前言 在一開始介紹 Grafana Faro 的架構時，我們了解過 Grafana 本身經由 Angular 轉換成 React 的版本，之後許多前端的介面或...
前言 既然我們知道 Grafana Faro 收集資料的邏輯，以及他收集資料的格式，我們通過了 Grafana Faro 的這段，當資料進入 Grafana...
前言 透過先前的文章，我們首先認識了 Grafana Scenes 如何建構起一個 Plugin，接著透過前端可觀測性了解 Grafana Faro 在前端應...
前言 在上一篇文章中，我們了解了一個可觀測性平台的單一頁面是如何建置的。然而，我們在 Layout 中觀察到除了 Overview 頁面外，還存在 Error...
全文目錄：https://ithelp.ithome.com.tw/articles/10350897 完賽心得 經過了三十天的挑戰，終於來到了完賽的時刻，在...
