Web 性能分析 là gì?

Web 性能分析 là một tiện ích mở rộng Chrome được phát triển bởi godis, và tính năng chính của nó là "展示 Web 常见关键性能指标，页面加载瀑布流和资源数据分析等。".

Ảnh Chụp Màn Hình của Tiện Ích Mở Rộng

Tải xuống tệp CRX của tiện ích mở rộng Web 性能分析

Tải xuống các tệp mở rộng Web 性能分析 dưới định dạng crx, cài đặt các tiện ích mở rộng Chrome bằng tay trong trình duyệt hoặc chia sẻ các tệp crx với bạn bè để dễ dàng cài đặt các tiện ích mở rộng Chrome.

Hướng Dẫn Sử Dụng Tiện Ích Mở Rộng

# 性能分析

- 关键性能指标。忽略页面卸载时间、重定向时间。
1. 首包：`responseStart - domainLookupStart`
2. 首次渲染/白屏：`responseEnd - fetchStart`
3. 首次可交互：`domInteractive - fetchStart`
4. DOM Ready：`domContentLoadedEventEnd - fetchStart`
5. 页面加载：`loadEventStart - fetchStart`

- 各阶段指标瀑布流
1. unLoad：`unloadEventEnd - unloadEventStart`
2. Redirect：`redirectEnd - redirectStart`
3. AppCache：`domainLookupStart - fetchStart`
4. DNS：`domainLookupEnd - domainLookupStart`
5. TCP：`connectEnd - connectStart`
6. TTFB：`responseStart - requestStart`
7. 数据传输：`responseEnd - responseStart`
8. DOM：`domContentLoadedEventStart - responseEnd`
9. DCL：`domContentLoadedEventEnd - domContentLoadedEventStart`
10. 资源加载：`loadEventStart - domContentLoadedEventEnd`
11. onLoad：`loadEventEnd - loadEventStart`

- 资源分析
1. 首页资源请求数量、加载大小和域名分布情况。
2. 请求资源域名分布，与各个域名平均耗时。
3. 未设置响应头域名分布情况。
4. http 压缩情况，未压缩分布，缓存命中率。
5. 资源类型情况。
6. 抽样10条最耗时的资源和 ajax 请求。

Thông Tin Cơ Bản về Tiện Ích Mở Rộng

Tên	Web 性能分析
ID	mhpaedeeneljbnmhmofceiollddmfjcd
URL Chính Thức	https://chromewebstore.google.com/detail/web-%E6%80%A7%E8%83%BD%E5%88%86%E6%9E%90/mhpaedeeneljbnmhmofceiollddmfjcd
Mô tả	展示 Web 常见关键性能指标，页面加载瀑布流和资源数据分析等。
Kích Thước Tệp	386 KB
Số Lần Cài Đặt	463
Phiên Bản Hiện Tại	1.0
Cập Nhật Lần Cuối	2020-07-27
Ngày Phát Hành	2020-07-27
Đánh Giá	5.00/5 Tổng số 1 Đánh Giá
Nhà Phát Triển	godis
Email	[email protected]
Loại Thanh Toán	free
Trang Web Mở Rộng	https://github.com/Godiswill/web-performance-extension
URL Trang Trợ Giúp	https://github.com/Godiswill/web-performance-extension/issues
Ngôn Ngữ Được Hỗ Trợ	zh-CN
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "name": "Web \u6027\u80fd\u5206\u6790", "description": "\u5c55\u793a Web \u5e38\u89c1\u5173\u952e\u6027\u80fd\u6307\u6807\uff0c\u9875\u9762\u52a0\u8f7d\u7011\u5e03\u6d41\u548c\u8d44\u6e90\u6570\u636e\u5206\u6790\u7b49\u3002", "version": "1.0", "manifest_version": 2, "content_security_policy": "script-src 'self' 'sha256-GgRxrVOKNdB4LrRsVPDSbzvfdV4UqglmviH9GoBJ5jk='; object-src 'self'", "icons": { "16": "icon.png", "48": "icon.png", "128": "icon.png" }, "browser_action": { "default_icon": "icon.png" }, "content_scripts": [ { "matches": [ "" ], "js": [ "\/static\/js\/content.js" ] } ], "web_accessible_resources": [ "\/static\/css\/content.css" ], "background": { "scripts": [ "\/static\/js\/background.js" ] }, "permissions": [ "contextMenus" ], "homepage_url": "https:\/\/github.com\/Godiswill\/web-performance-extension" }