Web 性能分析คืออะไร?

Web 性能分析 เป็นส่วนขยายของ Chrome ที่พัฒนาโดย godis และคุณลักษณะหลักของมันคือ "展示 Web 常见关键性能指标，页面加载瀑布流和资源数据分析等。"

ภาพหน้าจอของส่วนขยาย

ดาวน์โหลดไฟล์ CRX ของส่วนขยาย Web 性能分析

ดาวน์โหลดไฟล์ส่วนขยาย 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
อีเมล	[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" }