Performance Event Flow icon

Performance Event Flow

by dhamiabhishek3496

v1.2 Updated Sep 29, 2025 34.92KiB
CWS
19
Users
★ 4.00
1 reviews
#102518
of 207.3K
developer
#8664 of 18.1K

Description

Visualize Page Performance and Custom Events in a Single Flow Performance Event Flow is a Chrome extension designed to help developers and testers visualize key page lifecycle events and custom performance markers in a clear, interactive flow diagram. DEFAULT TRACKED EVENTS By default, the extension tracks the following page-related performance events: Page Navigation Start First Element Visible Page Becomes Interactive Page Load Complete These events are displayed in a sequential flow to help you understand how your page performs during load and interaction. You can also track custom performance events from your own code. This is useful for monitoring specific parts of your application logic or user interactions. ADD CUSTOM EVENTS To add a custom event, insert the following snippet wherever you want to log the event: window.__performanceEventFlow=window.__performanceEventFlow || []; window.__performanceEventFlow.push({event:"<pass event title here>",time:new Date().getTime()}); window.__performanceEventFlow = window.__performanceEventFlow || []; window.__performanceEventFlow.push({ event: "<Your Event Title>", time: new Date().getTime() }); Want to track specific network requests? Just click on "Watch Network Request" in the extension and add the URL details to start monitoring.
Performance Event Flow screenshot 1Performance Event Flow screenshot 2Performance Event Flow screenshot 3

Reviews

Loading reviews...

Permissions (1)

Permissions

tabs Can see your open tabs and their URLs

Details

Version 1.2
Updated Sep 29, 2025
Size 34.92KiB
First Seen Mar 28, 2026