RAIL

載入效能:指標、測量、優化與監控

這篇文章會分享 Google 制定的 Web Vitals 效能指標與使用者體驗的關係與實際應用、如何在專案中利用模擬與實地的方式測量與監控,以及如何優化專案以提升效能與使用者體驗。

載入效能 效能調校 Web Vitals 效能監控 Lighthouse Core Web Vitals Loading Performance Chrome DevTools RAIL Real User Monitoring Sentry Datadog Synthetic Monitoring active monitoring lighthouse-cli passive monitoring sharing 前端效能 系列文 加載效能 · 留言


Lighthouse Metrics:以使用者為出發點來探討效能的指標

本文說明 Lighthouse 以使用者為出發點來探討效能的指標。

Lighthouse RAIL Web Vitals 效能調校 Core Web Vitals Loading Performance 加載效能 sharing Synthetic Monitoring active monitoring Real User Monitoring passive monitoring 趨勢科技 Trend Micro 前端效能 系列文 · 留言


瀏覽器渲染效能(Browser Rendering Performance)總整理 (ゝ∀・)

瀏覽器渲染效能(Browser Rendering Performance)總整理 (ゝ∀・)

關鍵轉譯路徑 效能調校 轉譯效能 Critical Rendering Path Rendering Performance Chrome DevTools Web Workers RAIL css3 animations 前端效能 系列文 · 留言


從 App 的生命週期來看瀏覽器渲染效能優化

以更高階的角度來看如何優化效能-App 的生命週期,讓開發者在 App 生命週期的各階段對於優化工作能做更好的選擇。

RAIL 效能調校 轉譯效能 關鍵轉譯路徑 Rendering Performance css3 animations css 前端效能 系列文 · 留言