Performance Event Flow

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

Download

Extension stats

By: dhamiabhishek3496

View on Chrome Web Store

Users: 9

Rating: 4.00 (1)

Version: 1.2 (Last updated: 2024-09-13)

Creation date: 2024-07-30

Risk impact: Moderate risk impact

Risk likelihood: Moderate risk likelihood

Manifest version: 3

Permissions:

tabs

Size: 35.76K

Email: dh*****@gmail.com

Ranking

# 129147 ▼ 820

Other rankings

#11681 in Developer Tools ▼ 57 #4 in performance keyword 12 ▲ 1 #22 in event keyword 26 ▼ 2

Other platforms

Not available on Firefox

Not available on Edge

Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.

Extension summary

Analyze keywords

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.

Page Navigation Starts
First element visible on the page
Page became Interactive
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:"<pass event title here>",time:new Date().getTime()});

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

User reviews

I recently installed this extension, and it seems useful. With this extension its easy to visualize when exactly page event happens on the website. I really loved the feature where, from the code i can push events to event visualization- this helps me to understand when my code is getting executed.