# Web Vitals Reporter (`pattonholdings/web-vitals-reporter`) Actor Measures Core Web Vitals (LCP, CLS, INP, FCP, TTFB) for any URL using a real Chromium browser. Returns Google pass/needs-improvement/poor classification per metric plus an overall A-F grade. - **URL**: https://apify.com/pattonholdings/web-vitals-reporter.md - **Developed by:** [Coleton Patton](https://apify.com/pattonholdings) (community) - **Categories:** Developer tools - **Stats:** 2 total users, 1 monthly users, 100.0% runs succeeded, 0 bookmarks - **User rating**: No ratings yet ## Pricing Pay per usage This Actor is paid per platform usage. The Actor is free to use, and you only pay for the Apify platform usage, which gets cheaper the higher subscription plan you have. Learn more: https://docs.apify.com/platform/actors/running/actors-in-store#pay-per-usage ## What's an Apify Actor? Actors are a software tools running on the Apify platform, for all kinds of web data extraction and automation use cases. In Batch mode, an Actor accepts a well-defined JSON input, performs an action which can take anything from a few seconds to a few hours, and optionally produces a well-defined JSON output, datasets with results, or files in key-value store. In Standby mode, an Actor provides a web server which can be used as a website, API, or an MCP server. Actors are written with capital "A". ## How to integrate an Actor? If asked about integration, you help developers integrate Actors into their projects. You adapt to their stack and deliver integrations that are safe, well-documented, and production-ready. The best way to integrate Actors is as follows. In JavaScript/TypeScript projects, use official [JavaScript/TypeScript client](https://docs.apify.com/api/client/js.md): ```bash npm install apify-client ``` In Python projects, use official [Python client library](https://docs.apify.com/api/client/python.md): ```bash pip install apify-client ``` In shell scripts, use [Apify CLI](https://docs.apify.com/cli/docs.md): ````bash # MacOS / Linux curl -fsSL https://apify.com/install-cli.sh | bash # Windows irm https://apify.com/install-cli.ps1 | iex ```bash In AI frameworks, you might use the [Apify MCP server](https://docs.apify.com/platform/integrations/mcp.md). If your project is in a different language, use the [REST API](https://docs.apify.com/api/v2.md). For usage examples, see the [API](#api) section below. For more details, see Apify documentation as [Markdown index](https://docs.apify.com/llms.txt) and [Markdown full-text](https://docs.apify.com/llms-full.txt). # README ## Web Vitals Reporter Measure Google Core Web Vitals (LCP, CLS, INP, FCP, TTFB) for any URL using a real Chromium browser, with per-metric pass/needs-improvement/poor classification and an overall A-F grade. ### What it does Loads the URL in headless Chromium, injects Google's `web-vitals` library, simulates user scroll + mouse movement to trigger INP measurement, and returns a structured report. Each metric is classified per [Google's 2026 thresholds](https://web.dev/articles/vitals): | Metric | Good | Needs improvement | Poor | |---|---|---|---| | LCP | ≤ 2.5 s | ≤ 4.0 s | > 4.0 s | | CLS | ≤ 0.1 | ≤ 0.25 | > 0.25 | | INP | ≤ 200 ms | ≤ 500 ms | > 500 ms | | FCP | ≤ 1.8 s | ≤ 3.0 s | > 3.0 s | | TTFB | ≤ 0.8 s | ≤ 1.8 s | > 1.8 s | ### Input ```json { "url": "https://example.com" } ```` Batch mode: ```json { "urls": ["https://a.com", "https://b.com"] } ``` ### Output ```json { "url": "https://example.com", "grade": "B", "percentage": 75, "lcp": 1850, "lcpStatus": "good", "cls": 0.08, "clsStatus": "good", "inp": 220, "inpStatus": "needs-improvement", "fcp": 1200, "fcpStatus": "good", "ttfb": 450, "ttfbStatus": "good", "measuredAt": "2026-06-17T04:30:00.000Z", "durationMs": 14500 } ``` ### Use cases - **Performance CI** — schedule a daily run against your production pages, alert if grade drops - **Competitive analysis** — measure your top 10 competitors weekly - **Lead enrichment** — find sites failing Web Vitals (they need a perf consultant) - **SEO audits** — Web Vitals is a Google ranking signal ### Pricing model (when published) Pay-per-result: **$0.15 per URL measured.** Each measurement takes ~15-20 seconds (real Chromium). ### Why this instead of PageSpeed Insights API? - **No quota cap** — PSI is rate-limited; this Actor scales horizontally - **Custom interactions** — extend `main.js` to scroll a specific way, click a CTA, then measure post-interaction vitals - **Includes TTFB and FCP** — PSI only reports the Core 3 - **Real browser** — no estimated lab metrics; field-style measurement on each run ### Author note Built by [Peak Post](https://peakpost.ca) — solo developer running 22 Chrome extensions. Ports the always-visible Web Vitals badge from the Web Vitals Lite Chrome extension into a programmatic API. ### Roadmap - v1.1: throttling presets (slow 3G, fast 3G, no throttle) - v1.2: device emulation (mobile / desktop / tablet) - v1.3: filmstrip screenshots at LCP / FCP timestamps - v2.0: sitemap-aware batch with parallel browser pool # Actor input Schema ## `url` (type: `string`): A single page URL to measure. ## `urls` (type: `array`): Array of URLs (max 1000). ## Actor input object example ```json { "url": "https://example.com" } ``` # API You can run this Actor programmatically using our API. Below are code examples in JavaScript, Python, and CLI, as well as the OpenAPI specification and MCP server setup. ## JavaScript example ```javascript import { ApifyClient } from 'apify-client'; // Initialize the ApifyClient with your Apify API token // Replace the '' with your token const client = new ApifyClient({ token: '', }); // Prepare Actor input const input = { "url": "https://example.com" }; // Run the Actor and wait for it to finish const run = await client.actor("pattonholdings/web-vitals-reporter").call(input); // Fetch and print Actor results from the run's dataset (if any) console.log('Results from dataset'); console.log(`💾 Check your data here: https://console.apify.com/storage/datasets/${run.defaultDatasetId}`); const { items } = await client.dataset(run.defaultDatasetId).listItems(); items.forEach((item) => { console.dir(item); }); // 📚 Want to learn more 📖? Go to → https://docs.apify.com/api/client/js/docs ``` ## Python example ```python from apify_client import ApifyClient # Initialize the ApifyClient with your Apify API token # Replace '' with your token. client = ApifyClient("") # Prepare the Actor input run_input = { "url": "https://example.com" } # Run the Actor and wait for it to finish run = client.actor("pattonholdings/web-vitals-reporter").call(run_input=run_input) # Fetch and print Actor results from the run's dataset (if there are any) print("💾 Check your data here: https://console.apify.com/storage/datasets/" + run["defaultDatasetId"]) for item in client.dataset(run["defaultDatasetId"]).iterate_items(): print(item) # 📚 Want to learn more 📖? Go to → https://docs.apify.com/api/client/python/docs/quick-start ``` ## CLI example ```bash echo '{ "url": "https://example.com" }' | apify call pattonholdings/web-vitals-reporter --silent --output-dataset ``` ## MCP server setup ```json { "mcpServers": { "apify": { "command": "npx", "args": [ "mcp-remote", "https://mcp.apify.com/?tools=pattonholdings/web-vitals-reporter", "--header", "Authorization: Bearer " ] } } } ``` ## OpenAPI specification ```json { "openapi": "3.0.1", "info": { "title": "Web Vitals Reporter", "description": "Measures Core Web Vitals (LCP, CLS, INP, FCP, TTFB) for any URL using a real Chromium browser. Returns Google pass/needs-improvement/poor classification per metric plus an overall A-F grade.", "version": "1.0", "x-build-id": "yO9L8YcuNydBxp4Dt" }, "servers": [ { "url": "https://api.apify.com/v2" } ], "paths": { "/acts/pattonholdings~web-vitals-reporter/run-sync-get-dataset-items": { "post": { "operationId": "run-sync-get-dataset-items-pattonholdings-web-vitals-reporter", "x-openai-isConsequential": false, "summary": "Executes an Actor, waits for its completion, and returns Actor's dataset items in response.", "tags": [ "Run Actor" ], "requestBody": { "required": true, "content": { "application/json": { "schema": { "$ref": "#/components/schemas/inputSchema" } } } }, "parameters": [ { "name": "token", "in": "query", "required": true, "schema": { "type": "string" }, "description": "Enter your Apify token here" } ], "responses": { "200": { "description": "OK" } } } }, "/acts/pattonholdings~web-vitals-reporter/runs": { "post": { "operationId": "runs-sync-pattonholdings-web-vitals-reporter", "x-openai-isConsequential": false, "summary": "Executes an Actor and returns information about the initiated run in response.", "tags": [ "Run Actor" ], "requestBody": { "required": true, "content": { "application/json": { "schema": { "$ref": "#/components/schemas/inputSchema" } } } }, "parameters": [ { "name": "token", "in": "query", "required": true, "schema": { "type": "string" }, "description": "Enter your Apify token here" } ], "responses": { "200": { "description": "OK", "content": { "application/json": { "schema": { "$ref": "#/components/schemas/runsResponseSchema" } } } } } } }, "/acts/pattonholdings~web-vitals-reporter/run-sync": { "post": { "operationId": "run-sync-pattonholdings-web-vitals-reporter", "x-openai-isConsequential": false, "summary": "Executes an Actor, waits for completion, and returns the OUTPUT from Key-value store in response.", "tags": [ "Run Actor" ], "requestBody": { "required": true, "content": { "application/json": { "schema": { "$ref": "#/components/schemas/inputSchema" } } } }, "parameters": [ { "name": "token", "in": "query", "required": true, "schema": { "type": "string" }, "description": "Enter your Apify token here" } ], "responses": { "200": { "description": "OK" } } } } }, "components": { "schemas": { "inputSchema": { "type": "object", "properties": { "url": { "title": "URL", "type": "string", "description": "A single page URL to measure." }, "urls": { "title": "URLs", "uniqueItems": true, "type": "array", "description": "Array of URLs (max 1000).", "items": { "type": "string" } } } }, "runsResponseSchema": { "type": "object", "properties": { "data": { "type": "object", "properties": { "id": { "type": "string" }, "actId": { "type": "string" }, "userId": { "type": "string" }, "startedAt": { "type": "string", "format": "date-time", "example": "2025-01-08T00:00:00.000Z" }, "finishedAt": { "type": "string", "format": "date-time", "example": "2025-01-08T00:00:00.000Z" }, "status": { "type": "string", "example": "READY" }, "meta": { "type": "object", "properties": { "origin": { "type": "string", "example": "API" }, "userAgent": { "type": "string" } } }, "stats": { "type": "object", "properties": { "inputBodyLen": { "type": "integer", "example": 2000 }, "rebootCount": { "type": "integer", "example": 0 }, "restartCount": { "type": "integer", "example": 0 }, "resurrectCount": { "type": "integer", "example": 0 }, "computeUnits": { "type": "integer", "example": 0 } } }, "options": { "type": "object", "properties": { "build": { "type": "string", "example": "latest" }, "timeoutSecs": { "type": "integer", "example": 300 }, "memoryMbytes": { "type": "integer", "example": 1024 }, "diskMbytes": { "type": "integer", "example": 2048 } } }, "buildId": { "type": "string" }, "defaultKeyValueStoreId": { "type": "string" }, "defaultDatasetId": { "type": "string" }, "defaultRequestQueueId": { "type": "string" }, "buildNumber": { "type": "string", "example": "1.0.0" }, "containerUrl": { "type": "string" }, "usage": { "type": "object", "properties": { "ACTOR_COMPUTE_UNITS": { "type": "integer", "example": 0 }, "DATASET_READS": { "type": "integer", "example": 0 }, "DATASET_WRITES": { "type": "integer", "example": 0 }, "KEY_VALUE_STORE_READS": { "type": "integer", "example": 0 }, "KEY_VALUE_STORE_WRITES": { "type": "integer", "example": 1 }, "KEY_VALUE_STORE_LISTS": { "type": "integer", "example": 0 }, "REQUEST_QUEUE_READS": { "type": "integer", "example": 0 }, "REQUEST_QUEUE_WRITES": { "type": "integer", "example": 0 }, "DATA_TRANSFER_INTERNAL_GBYTES": { "type": "integer", "example": 0 }, "DATA_TRANSFER_EXTERNAL_GBYTES": { "type": "integer", "example": 0 }, "PROXY_RESIDENTIAL_TRANSFER_GBYTES": { "type": "integer", "example": 0 }, "PROXY_SERPS": { "type": "integer", "example": 0 } } }, "usageTotalUsd": { "type": "number", "example": 0.00005 }, "usageUsd": { "type": "object", "properties": { "ACTOR_COMPUTE_UNITS": { "type": "integer", "example": 0 }, "DATASET_READS": { "type": "integer", "example": 0 }, "DATASET_WRITES": { "type": "integer", "example": 0 }, "KEY_VALUE_STORE_READS": { "type": "integer", "example": 0 }, "KEY_VALUE_STORE_WRITES": { "type": "number", "example": 0.00005 }, "KEY_VALUE_STORE_LISTS": { "type": "integer", "example": 0 }, "REQUEST_QUEUE_READS": { "type": "integer", "example": 0 }, "REQUEST_QUEUE_WRITES": { "type": "integer", "example": 0 }, "DATA_TRANSFER_INTERNAL_GBYTES": { "type": "integer", "example": 0 }, "DATA_TRANSFER_EXTERNAL_GBYTES": { "type": "integer", "example": 0 }, "PROXY_RESIDENTIAL_TRANSFER_GBYTES": { "type": "integer", "example": 0 }, "PROXY_SERPS": { "type": "integer", "example": 0 } } } } } } } } } } ```