Cos'è Web 性能分析?

Web 性能分析 è un'estensione di Chrome sviluppata da godis, e la sua funzione principale è "展示 Web 常见关键性能指标，页面加载瀑布流和资源数据分析等。".

Screenshot dell'Estensione

Scarica il file CRX dell'estensione Web 性能分析

Scarica i file di estensione Web 性能分析 in formato crx, installa manualmente le estensioni di Chrome nel browser o condividi i file crx con gli amici per installare facilmente le estensioni di Chrome.

Istruzioni per l'Uso dell'Estensione

# 性能分析

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

Informazioni di Base sull'Estensione

Nome	Web 性能分析
ID	mhpaedeeneljbnmhmofceiollddmfjcd
URL Ufficiale	https://chromewebstore.google.com/detail/web-%E6%80%A7%E8%83%BD%E5%88%86%E6%9E%90/mhpaedeeneljbnmhmofceiollddmfjcd
Descrizione	展示 Web 常见关键性能指标，页面加载瀑布流和资源数据分析等。
Dimensione del File	386 KB
Conteggio Installazioni	463
Versione Corrente	1.0
Ultimo Aggiornamento	2020-07-27
Data di Pubblicazione	2020-07-27
Valutazione	5.00/5 Totale 1 Valutazioni
Sviluppatore	godis
Email	[email protected]
Tipo di Pagamento	free
Sito Web dell'Estensione	https://github.com/Godiswill/web-performance-extension
URL della Pagina di Aiuto	https://github.com/Godiswill/web-performance-extension/issues
Lingue Supportate	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" }