Chrome DevTools & performance & keywords

Chrome DevTools & performance & keywords

performance / 優化性能

https://developers.google.com/web/updates/2020/05/devtools

utm_source

https://developers.google.com/web/updates/2020/05/devtools?utm_source=devtools#performance

以用戶爲中心的性能指標

https://github.com/WICG/paint-timing

https://w3c.github.io/longtasks/

https://web.dev/how-to-measure-speed/#lab-data-vs-field-data

https://web.dev/vitals/#core-web-vitals

https://github.com/GoogleChrome/tti-polyfill

https://speedcurve.com/blog/user-timing-and-custom-metrics/

https://developers.google.com/web/fundamentals/performance/rail

https://developers.google.com/web/fundamentals/performance/user-centric-performance-metrics

https://developers.google.com/analytics/devguides/collection/protocol/v1

https://developers.google.com/web/fundamentals/performance/http2#server_push

https://developers.google.com/web/updates/2015/11/app-shell

https://developers.google.com/web/progressive-web-apps

https://developers.google.com/web/updates/2015/08/using-requestidlecallback

---

Metrics 指標

Measure and optimize performance and user experience 衡量並優化性能和用戶體驗

https://web.dev/metrics/

https://web.dev/user-centric-performance-metrics/

https://web.dev/custom-metrics/

1. SSR
2. SPA

TBT

Total Blocking Time

https://web.dev/tbt/

DCL

DOMContentLoaded Event DOM內容加載事件

https://developers.google.com/web/fundamentals/performance/user-centric-performance-metrics

https://web.dev/metrics/

FP 首次繪製

First Paint

https://developers.google.com/web/fundamentals/performance/user-centric-performance-metrics

https://web.dev/metrics/

FCP 首次內容繪製

First Contentful Paint

https://web.dev/first-contentful-paint
https://web.dev/fcp/

FMP 首次有效繪製

First Meaningful Paint

https://web.dev/first-meaningful-paint/

LCP 最大內容繪製

Largest Contentful Paint

https://web.dev/lcp/

TTI 可交互時間

Time to Interactive

https://web.dev/tti/

FID 首次輸入延遲

First Input Delay

https://web.dev/fid/

CLS 累積佈局移位

Cumulative Layout Shift

https://web.dev/cls/

SI 速度指數

Speed Index

https://web.dev/speed-index/

https://web.dev/performance-scoring

---

requestAnimationFrame

https://developers.google.com/web/tools/lighthouse

https://www.webpagetest.org/

API

https://developer.mozilla.org/en-US/docs/Web/API/PerformanceObserver

https://developer.mozilla.org/en-US/docs/Web/API/PerformanceEntry

https://developer.mozilla.org/en-US/docs/Web/API/DOMHighResTimeStamp

https://developer.mozilla.org/en-US/docs/Web/Events/visibilitychange

https://wicg.github.io/largest-contentful-paint/

https://w3c.github.io/performance-timeline/

https://w3c.github.io/performance-timeline/#dom-performanceobserverinit- buffered

https://www.w3.org/TR/navigation-timing/#sec-navigation-timing-interface

倖存者誤差

https://en.wikipedia.org/wiki/Survivorship_bias

Survivorship bias or survival bias is the logical error of concentrating on the people or things that made it past some selection process and overlooking those that did not, typically because of their lack of visibility.

生存誤差或生存誤差是邏輯錯誤，即將注意力集中在通過某些選擇過程的人員或事物上，而忽略那些沒有選擇的人員或事物，一般是因爲他們缺少可見性。

refs

---

---

©xgqfrms 2012-2020

www.cnblogs.com 發佈文章使用：只容許註冊用戶才能夠訪問！