Performance insights 簡介
使用性能洞察面板獲取有關(guān)您網(wǎng)站性能的可操作和用例驅(qū)動的洞察。
面板
1. 開始/重新開始錄制
2. 設(shè)置網(wǎng)絡(luò)和cpu
打開本地錄制文件
保存當(dāng)前錄制數(shù)據(jù)
(disable catch： 禁止捕獲)
面板2
紅色區(qū)域為頁眉和開始的頁面功能一樣只是多了幾個功能
3. 本次錄制臨時生成的文件名以及多次錄制轉(zhuǎn)換區(qū)域
6. 刪除選中錄制
7. 意見反饋
8. 設(shè)置（設(shè)置具體見文章末尾）
9. 快捷鍵
藍(lán)色區(qū)域為主窗口區(qū)
主要為了觀測
綠色區(qū)域為洞察區(qū) （提供了頁面洞察的概覽，顯示了頁面的關(guān)鍵指標(biāo)）
1. 概覽見解（鼠標(biāo)懸停在見解上可以定位在哪里，單擊跳轉(zhuǎn)詳情）
2. 見解詳情（獲取潛在性能的修復(fù)意見，深入了解詳細(xì)情況）
黃色區(qū)域為頁腳時間管理區(qū)
1. 屏幕截圖顯示/隱藏按鈕（顯示/隱藏屏幕縮略圖）
2. 時間開始/暫停按鈕以此查看您的頁面是如何以視覺方式加載的，暫停時間之后可以拖動時間軸以查看時間點的屏幕截圖
3. 到開頭
4. 播放速度
5. 放大縮小
性能指標(biāo)
基于用戶可感知的過程（用戶體驗）的常見指標(biāo)有：
白屏?xí)r間（FirstPaint，F(xiàn)P）：從屏幕空白到第一個畫面出來的時間；
首次內(nèi)容渲染時間（FirstContentful Paint，F(xiàn)CP）：渲染出首個文本或圖片的時間；
最大內(nèi)容繪制時間（Largest Contentful Paint，LCP） ：渲染出最大文本或圖片的時間；
可交互時間（Time To Interactive，TTI）：網(wǎng)頁需要多長時間才能提供完整交互功能。
業(yè)界閾值
設(shè)置具體翻譯
0. 時間線
1. 是否顯示屏幕截圖
2. 顯示用戶互動
3. 顯示導(dǎo)航事件
4. 頁面指標(biāo)
5. 數(shù)據(jù)軌道
6. 布局變化
7. 網(wǎng)絡(luò)
8. 互動
9. 用戶時間
10. 渲染器
11. GPU
