PPanel：一款高颜值的性能面板

PPanel，performance panel 缩写，即性能面板。

主要监控 FPS、内存使用，以及 web-vitals 相关性能参数

• FPS：页面帧率，即 1s 内页面渲染的次数。
• 内存：使用的内存，单位 MB
• LCP： 用于衡量标准报告视口内可见的最大内容元素的渲染时间。为了提供良好的用户体验，网站应努力在开始加载页面的前 2.5 秒内进行 最大内容渲染 。
• FID： 即记录用户和页面进行首次交互操作所花费的时间 。FID 指标影响用户对页面交互性和响应性的第一印象。为了提供良好的用户体验，站点应努力使首次输入延迟小于 100 毫秒。
• CLS：衡量视觉稳定性，为了提供良好的用户体验，页面的 CLS 应保持小于 0.1。
• FCP：代表首次内容绘制。它测量了用户单击链接或输入 URL 后第一块内容出现在用户屏幕上的时间。这是一个重要的用户体验指标，因为它有助于确定用户可以多快地查看和与您的网站交互。
• INP：代表交互到下一次绘制。它测量了用户与您的网站交互和下一次屏幕上进行视觉更新之间的时间。这个指标很重要，因为它有助于确定用户可以多快地与您的网站交互。
• TTFB：代表首字节时间。它测量了用户从服务器请求资源后，用户的浏览器接收到第一个数据字节所需的时间 。快速的 TTFB 意味着网站正在快速提供内容，这对于用户体验很重要。