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