analytics

performance-bookmarklet – Instantly Diagnose Page Load Bottlenecks

A lightweight bookmarklet that uses the Resource, Navigation, and User‑Timing APIs to surface request types, domains, load times and waterfall data. Ideal for founders who need fast, on‑the‑fly web performance insights. 1.1k+ GitHub stars

From the repo · “Performance-Bookmarklet helps to analyze the current page through the Resource Timing API, Navigation Timing API and User-Timing - requests by type, domain, load times, marks and more. Sort of a light live WebPageTest.”

intermediate⏱ 5 minutes💵 Free
1,150 stars83 forksJavaScriptGuide quality 9/10 · reviewed Oct 18Updated 3/3/2023100% free · open source
What it is

Click a bookmarklet to instantly analyze this webpage's speed and performance.

Real use case example

"A startup founder wants to improve their website's loading speed. They click the Performance Bookmarklet on their homepage. The analysis reveals multiple resource loading issues. They use the insights to optimize images and caching, reducing load times by 30% within a week."

Best insideCursorCodex CLIAny AI Client
When to use it
  • •When you need to quickly identify performance bottlenecks on your website
  • •When you want to compare the performance of different webpage elements, such as images or scripts
  • •When you need a lightweight alternative to more comprehensive web performance testing tools
Ready-to-paste prompt
https://example.com #?performance-bookmarklet to run the Performance-Bookmarklet analysis on a specific webpage
Heads up: The Performance-Bookmarklet requires a modern browser that supports the Resource Timing API and Navigation Timing API, so ensure your browser is up-to-date before using the tool
Saves to your device
Use with Claude
New

Skip the builder — one click puts this in Claude, Cursor, Antigravity and more.

✅ Light setup

Installs with a command or two; your AI agent can do it for you.

Try it instantly — no install
Claude Code
mkdir -p ~/.claude/skills/performance-bookmarklet && curl -fsSL https://workflowstacks.com/api/skills/performance-bookmarklet/claude-skill -o ~/.claude/skills/performance-bookmarklet/SKILL.md
Open in another AI app

Opens the app with this repo with the prompt ready to go — no copy-paste needed.

Connect the whole catalog (MCP)
claude mcp add --transport http workflowstacks https://workflowstacks.com/api/mcp

Adds a WorkflowStacks connector to Claude Code: search and load any skill here by chatting.

How performance-bookmarklet – Instantly Diagnose Page Load Bottlenecks works
Codeflow
Free to inspect

Performance-bookmarklet – Instantly Diagnose Page Load Bottlenecks is a small JavaScript project (~1.7k lines across 23 code files). Setup is light: install Node.js, run one command. Last commit 44 months ago, MIT license, no tests found.

Size
Small codebase
~1.7k lines · 23 code files · 14 min skim
Setup
Light setup
Install Node.js, run one command.
Runs on
Node.js
No API keys detected
JavaScript 91%CSS 9%
Where to start reading
  1. 1
    README.md
    Start here — what it does and how to install it
  2. 2
    package.json
    Dependencies and the commands it exposes
  3. 3
    src/data.js
    Inside src/ — the main logic begins here
What's in each folder
src/Core code — the actual logic23 files
READMENo tests foundThin docsNo CIMIT licenseLast update 44 mo ago
Quick Actions
Details
Creator
micmro
Language
JavaScript
Category
analytics
Published
10/6/2014

Are you the creator of this tool? and earn 85% of every sale.

Show it off in your README:

Featured on WorkflowStacks
[![Featured on WorkflowStacks](https://workflowstacks.com/api/badge/performance-bookmarklet.svg)](https://workflowstacks.com/skills/performance-bookmarklet?utm_source=github&utm_medium=badge)
🔥 Hot this week, in your inbox
Skills like this, every Monday.

The five fastest-growing open-source AI skills, ranked by GitHub star growth. One email a week, unsubscribe anytime.

Do this with a working workflow

Pages we wrote and tested that put a skill like this to work — importable n8n templates, outcome guides and Claude Desktop configs.

Ready-to-run pack · one-time $29

Competitor Watch

Get emailed the moment a rival changes their price or pitch.

Includes the tested workflow and a written setup playbook. Needs: No extra API — just watches the pages you list.

See what you get