❤️ 🍰 🌹 🎬 🚴♀️ 🏋️♀️ 💻 🚀 💜
這裡記錄了我的前端學習和開發筆記,歡迎交流 (*´∀`)~♥
© 2023. All rights reserved.
從零打造前端效能監控系統 | WebConf Taiwan 2023 逐字稿
August 12, 2023 Sentry Cypress Web Vitals Memori Loading Performance Rendering Performance Core Web Vitals 效能監控 Real User Monitoring GitHub Actions CI/CD Chrome DevTools End-to-End Testing Google Analytics Lighthouse Synthetic Monitoring active monitoring cypress.io passive monitoring 加載效能 效能調校 自動化測試 轉譯效能 sharing WebConf Taiwan 前端效能 系列文 · 留言
在自動化測試前端效能時,可能會考慮的解法有:(1) Lighthouse CI Action 或 web-vitals library + 丟到某個地方做資料儲存和 dashboard;另一個解法是 (2) 利用 Cypress + Sentry 來取得相關資訊並做呈現。這篇文章會針對 Cypress + Sentry 這個解法做說明,並比較兩種解法。
July 11, 2023 Sentry Cypress End-to-End Testing GitHub Actions Lighthouse Loading Performance Rendering Performance Synthetic Monitoring active monitoring Web Vitals Memori 轉譯效能 加載效能 效能監控 效能調校 CI/CD Core Web Vitals cypress.io lighthouse-cli 自動化測試 前端效能 系列文 · 留言
剛好最近在找個能進行效能監控的工具,在考量是否能有效記錄與追蹤特定指標和錯誤、整合、即時通知與 self-hosted 後,決定使用 Sentry 來協助團隊進行效能與錯誤的監控。
June 29, 2023 Sentry Loading Performance Real User Monitoring Web Vitals passive monitoring Memori 加載效能 效能監控 效能調校 前端效能 系列文 · 留言
本文主要會談如何利用 Firebase 來部署與託管微前端專案,分為幾個部份:(1) 建立 Firebase 專案;(2) 建立 Firebase 設定檔;(3) 部署與託管;(4) 自動化部署;(5) 總結。
June 6, 2023 Firebase Firebase Hosting GitHub Actions Micro Frontends 微前端 front-end architecture Monorepo NX Memori · 留言
本文主要探討如何在微前端的跨應用程式間溝通,尤其針對兩種解法「發布/訂閱 (Pub/Sub)」與「傳遞自訂事件 (Custom Events)」說明和比較。
March 30, 2023 Micro Frontends front-end architecture 微前端 Monorepo NX Memori · 留言