展示 Web 常见关键性能指标,页面加载瀑布流和资源数据分析等。

Latest Version

Version
1.0
Update
July 27, 2020
Size
386KiB
Developer
Category
Users
517
Rating
5 ★
Manifest Version
2
Web Store Status
Languages Support
中文 (简体)
See more
Permissions
ContextMenus
See more

Web 性能分析 Extension

# 性能分析

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

Source 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"}
Read more

Similar Extensions

icon

JSON-handle Extension · Developer Tools 517 450 ★ 193KiB

icon

FeHelper(前端助手) Extension · Developer Tools 517 321 ★ 2.72MiB

icon

Console Importer Extension · Developer Tools 517 20 ★ 9.55KiB

icon

Ajax Modifier Extension · Developer Tools 517 48 ★ 2.08MiB

icon

Scraping Helper Extension · Developer Tools 517 13 ★ 542KiB

icon

Performance Assistant Extension · Developer Tools 517 1 ★ 1.34MiB

icon

PageSpeed Insights (MV3) Extension · Developer Tools 517 77 ★ 524KiB

icon

PostWoman Http Test Extension · Developer Tools 517 46 ★ 834KiB

icon

Google PageSpeed Insights API Extension Extension · Developer Tools 517 38 ★ 101KiB

icon

XSwitch Extension · Developer Tools 517 18 ★ 1.6MiB

icon

Axure RP Extension for Chrome Extension · Developer Tools 517 758 ★ 14.44KiB

icon

speedRuler Extension · Developer Tools 517 0 ★ 15.4KiB

icon

稀土掘金 Extension · Productivity 517 339 ★ 4.66MiB

icon

AlloyDesigner Extension · Developer Tools 517 22 ★ 531KiB

icon

二维码(QR码)生成器(QR Code Generator) Extension · Productivity 517 124 ★ 94.16KiB

icon

Octotree - GitHub code tree Extension · Developer Tools 517 1139 ★ 3.54MiB

icon

草料二维码-快速生码和解码工具 Extension · Accessibility 517 73 ★ 289KiB

icon

Performance-Analyser Extension · Developer Tools 517 43 ★ 26.12KiB

icon

iTab New Tab Extension · Productivity 517 668 ★ 2.03MiB

icon

Formily DevTools Extension · Developer Tools 517 4 ★ 2.43MiB

icon

开发工具箱 Extension · Developer Tools 517 16 ★ 775KiB

icon

Sourcegraph Extension · Developer Tools 517 169 ★ 8.22MiB

icon

Ctool Commonly Used Software Development Tools Extension · Developer Tools 517 42 ★ 4.07MiB

icon

有道云笔记网页剪报 Extension · Productivity 517 475 ★ 270KiB

User reviews

icon

Derek Wang (ID: 00000091cb2d5ebe) Voted 5 ★ - Updated 06/02/2023 这么好的软件,挺多人用,却没一个人评分是什么情况?技术人的无私呢? 如果最后两项加载时间的列表能展示全部就好了,简直是测试人排查统计利器