Browser extension to display Page performance and custom events from the page

Latest Version

Version
1.2
Update
September 12, 2024
Size
34.92KiB
Developer
Category
Users
10
Rating
4 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
Tabs
See more

Performance Event Flow Extension

Performance Event flow is a chrome extension to display some of the Page related events like when Page navigation started and when Page loaded completed in one flow diagram (by default).

By default this extension will cover below page related events.
1. Page Navigation Starts
2. First element visible on the page
3. Page became Interactive
4. Page Load complete

You can also add custom event from your code, if you want to understand performance for some part of the code by pushing event as explained below.
Place below code whenever you want to track event.

window.__performanceEventFlow=window.__performanceEventFlow || [];
window.__performanceEventFlow.push({event:\"\",time:new Date().getTime()});

You can also watch network request after adding the URL details by clicking on 'Watch Network Request'
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "Performance Event Flow", "description": "Browser extension to display Page performance and custom events from the page", "version": "1.2", "manifest_version": 3, "devtools_page": "devtools.html", "permissions": ["tabs"], "background": { "service_worker": "service-worker.js" }, "action": { "default_popup": "hangon.html" }, "content_scripts": [ { "run_at": "document_start", "matches": ["https://*/*"], "js": ["content-script.js"] } ], "icons": { "16": "images/logo-16.png", "48": "images/logo-48.png", "128": "images/logo-128.png" }, "externally_connectable": { "matches": ["https://*/*"] }, "web_accessible_resources": [ { "resources": ["inject.js"], "matches": ["https://*/*"] } ]}
Read more

Similar Extensions

icon

Page load time Extension · Developer Tools 10 256 ★ 19.72KiB

icon

SSE Viewer Extension · Developer Tools 10 9 ★ 8.43KiB

icon

Auto Refresh Page - reload page Extension · Productivity 10 324 ★ 171KiB

icon

Auto Refresh Plus Extension · Productivity 10 889 ★ 79.6KiB

icon

Auto Scroll: Effortless Page Navigation Chrome Extension Extension · Accessibility 10 23 ★ 63.05KiB

icon

Refresh Page - Auto reload page Extension · Productivity 10 71 ★ 79.31KiB

icon

Load Time Extension · Productivity 10 4 ★ 348KiB

icon

Always active Window - Always Visible Extension · Productivity 10 145 ★ 51.82KiB

icon

uAutoPagerize Extension · Accessibility 10 80 ★ 295KiB

icon

Auto Page Refresh Extension · Productivity 10 154 ★ 509KiB

icon

Auto Refresh Page - Reload Pages Automatically & Page Monitor Easily Extension · Productivity 10 172 ★ 9.17MiB

icon

Page Load Timer Extension · Developer Tools 10 12 ★ 1.28MiB

icon

Auto Refresh Extension · Productivity 10 41 ★ 583KiB

icon

Auto Refresh & Page Monitor Extension · Productivity 10 752 ★ 200KiB

icon

Auto Refresh Extension · Productivity 10 4 ★ 492KiB

icon

Smart Auto Refresh Extension · Accessibility 10 597 ★ 458KiB

icon

Auto Refresh Extension Extension · Productivity 10 0 ★ 79.96KiB

icon

PageSpeed Insights Extension · Productivity 10 1 ★ 22.64KiB

icon

Segment Debugger Extension · Developer Tools 10 3 ★ 64.84KiB

icon

Tab Suspender Extension · Productivity 10 2 ★ 511KiB

icon

Page Reload Extension · Developer Tools 10 0 ★ 140KiB

icon

Auto Refresh/Reload Page Extension · Productivity 10 1 ★ 22.78KiB

icon

Fluency Extension · Productivity 10 6 ★ 1.46MiB

icon

Scroll Percentage Indicator Extension · Productivity 10 1 ★ 16.25KiB