我正在尋找 Vue 應用程式的性能指標。有關整個應用程式以及某些特定組件的指標。
我知道我可以使用Vue.config.performance = true;然后運行性能開發工具，也許我可以使用Performance Observer 之類的東西來對新的性能事件做特定的事情。
我想知道是否有任何庫或服務可以幫助或提供有關性能的更多指標。我們的想法是擁有一個帶有這些指標的用戶界面，并且可以對非開發人員可見。
有任何想法嗎？
uj5u.com熱心網友回復：
您可以使用npm 中的web-vitals庫。它支持核心 Web Vitals 指標：
- 最大的涂料，
- 首次輸入延遲
- 累積布局偏移
示例如下所示：
import { getLCP, getFID, getCLS } from "web-vitals";
const reporter = (result) => console.log(result);
getCLS(reporter);
getFID(reporter);
getLCP(reporter);
在處理程式內部，您可以將結果記錄到控制臺或將您的報告系統發送給他們以供進一步分析。
也可以從這里獲取 CDN 版本
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/388472.html
標籤：javascript 表现 Vue.js 前端 Vuex