Web 性能分析とは何ですか？

Web 性能分析はgodisによって開発されたChromeの拡張機能で、その主な機能は「展示 Web 常见关键性能指标，页面加载瀑布流和资源数据分析等。」です。

拡張機能のスクリーンショット

Web 性能分析拡張機能のCRXファイルをダウンロード

Web 性能分析拡張子のファイルをcrx形式でダウンロードし、ブラウザにChrome拡張機能を手動でインストールするか、crxファイルを友達と共有して簡単にChrome拡張機能をインストールします。

拡張機能の使用方法

# 性能分析

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

拡張機能の基本情報

名前	Web 性能分析
ID	mhpaedeeneljbnmhmofceiollddmfjcd
公式URL	https://chromewebstore.google.com/detail/web-%E6%80%A7%E8%83%BD%E5%88%86%E6%9E%90/mhpaedeeneljbnmhmofceiollddmfjcd
説明	展示 Web 常见关键性能指标，页面加载瀑布流和资源数据分析等。
ファイルサイズ	386 KB
インストール数	463
現在のバージョン	1.0
最終更新日	2020-07-27
公開日	2020-07-27
評価	5.00/5 合計 1 レビュー
開発者	godis
Eメール	[email protected]
支払い方法	free
拡張機能のウェブサイト	https://github.com/Godiswill/web-performance-extension
ヘルプページのURL	https://github.com/Godiswill/web-performance-extension/issues
対応言語	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" }