Web Performance API

性能監測/性能優化

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

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

window.performance;

performance.timing

performance.navigation

performance.memory

performance.getEntries();


performance.now(); 
performance.toJSON();

Performance Timeline

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

Performance Timeline API定義了Performance接口的擴展，以支持應用程序內的客戶端延遲測量

Navigation Timing API

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

Navigation Timing API提供的數據可用於衡量網站的性能

Navigation Timing

W3C Recommendation 17 December 2012

https://www.w3.org/TR/navigation-timing/

Navigation Timing Level 2

W3C Editor's Draft 21 January 2020

https://w3c.github.io/navigation-timing/

https://www.w3.org/TR/navigation-timing-2/

User Timing API

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

用戶計時界面允許開發人員創建特定於應用程序的時間戳，這些時間戳是瀏覽器性能時間表的一部分

Resource Timing API

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

資源計時接口使您能夠檢索和分析有關應用程序資源加載的詳細網絡計時數據

refs

https://blog.cloudflare.com/browser-performance-api/

https://developers.google.com/web/fundamentals/performance/navigation-and-resource-timing

https://www.w3.org/TR/navigation-timing/

https://www.w3.org/2019/11/web-roadmaps/mobile/performance.zh.html

埋點/上報

1. 使用的img標簽get請求

2. navigator.sendBeacon

https://developer.aliyun.com/article/752954

前端監控平台 & 架構

1px gif

https://www.cnblogs.com/xgqfrms/p/13090118.html

Transparent.gif

Transparent.gif ‎(1 × 1 pixels, file size: 42 bytes, MIME type: image/gif)

https://commons.wikimedia.org/wiki/File:Transparent.gif

https://upload.wikimedia.org/wikipedia/commons/c/ce/Transparent.gif

Beacon API

https://www.cnblogs.com/xgqfrms/p/13599628.html

refs

---

---

©xgqfrms 2012-2020

www.cnblogs.com 發布文章使用：只允許注冊用戶才可以訪問！

---