Web 性能分析
展示 Web 常见关键性能指标，页面加载瀑布流和资源数据分析等。
什麼是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 请求。 擴展基本資訊
| 名稱 | |
| ID | mhpaedeeneljbnmhmofceiollddmfjcd |
| 官方網址 | 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 |
| 電子郵箱 | [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": [
" | |
