Apa itu Web 性能分析?

Web 性能分析 adalah ekstensi Chrome yang dikembangkan oleh godis, dan fitur utamanya adalah "展示 Web 常见关键性能指标，页面加载瀑布流和资源数据分析等。".

Screenshot Ekstensi

Unduh Berkas CRX Ekstensi Web 性能分析

Unduh file ekstensi Web 性能分析 dalam format crx, pasang ekstensi Chrome secara manual di peramban, atau bagikan file crx dengan teman untuk menginstal ekstensi Chrome dengan mudah.

Petunjuk Penggunaan Ekstensi

# 性能分析

- 关键性能指标。忽略页面卸载时间、重定向时间。
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 请求。

Informasi Dasar Ekstensi

Nama	Web 性能分析
ID	mhpaedeeneljbnmhmofceiollddmfjcd
URL Resmi	https://chromewebstore.google.com/detail/web-%E6%80%A7%E8%83%BD%E5%88%86%E6%9E%90/mhpaedeeneljbnmhmofceiollddmfjcd
Deskripsi	展示 Web 常见关键性能指标，页面加载瀑布流和资源数据分析等。
Ukuran File	386 KB
Jumlah Instalasi	463
Versi Saat Ini	1.0
Terakhir Diperbarui	2020-07-27
Tanggal Publikasi	2020-07-27
Penilaian	5.00/5 Total 1 Penilaian
Pengembang	godis
Email	[email protected]
Tipe Pembayaran	free
Situs Ekstensi	https://github.com/Godiswill/web-performance-extension
URL Halaman Bantuan	https://github.com/Godiswill/web-performance-extension/issues
Bahasa yang Didukung	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" }