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 发布文章使用：只允许注册用户才可以访问！

---