page-efficiency-score

Calculate a page efficiency score by combining JavaScript and CSS coverage, render-blocking resources, transfer size, and navigation timing into a weighted 0-100 metric. This unified score quantifies how efficiently a webpage uses network and runtime resources.

Yes, you need a Playwright or Chromium environment with Chrome DevTools Protocol (CDP) support to collect JS and CSS coverage, resource timing data, and navigation timing required for accurate page efficiency scoring.

The diagnostic breakdown includes category-level insights such as unused JavaScript, unused CSS, render-blocking resources, total transfer size, TTFB, and DOMContentLoaded timing to guide optimization decisions.

Track performance improvements by running the page efficiency score across different pages, routes, or deployments over time. Comparing the 0-100 scores helps prioritize optimizations and monitor efficiency gains.

Quantify render-blocking resources and unused JavaScript by running a Playwright CDP session to collect coverage data, then aggregate the results into a weighted 0-100 page efficiency score with a diagnostic breakdown.

No additional dependencies are required beyond a Playwright or Chromium environment with CDP support. The environment natively provides the navigation timing and resource timing data needed to calculate the score.