Relocate resource intensive third-party scripts off of the main thread and into a web worker. 🎉
A Chrome extension to measure essential metrics for a healthy site
Visualise the Core Web Vitals metric Cumulative Layout Shift (CLS) with a simple GIF.
A tiny (500 bytes) CrUX API wrapper that supports record & history API, handles errors, and provides types.
LazyHTML is an OpenSource Javascript Library that Supports Lazy Loading of any elements without Modifying Code, LazyHTML can lazy load Ads, Videos, Images, Widgets, Javascript, CSS, Inline-Javascript, Inline-CSS & Any HTML.
Example website used in Frontend Masters course "Fundamentals of Web Performance"
Show the Core Web Vitals from the Chrome User Experience Report in the Google Search Results.
Script to extract Google PageSpeed API Data from multiple URLs. The script allows to perform multiple tests in the same run and calculate the median value for each extracted speed metric and Core Web Vitals metric from the total number of results.
A WordPress plugin that improves Core Web Vitals score by loading scripts via worker thread. Keeps the main thread idle for users to interact with page as quickly as possible.
Get Lab CWV for a List of URLs from a CSV, including video screenshot
🚀 A Laravel package that focuses on minimizing payload size of HTML document and optimizing processing on the browser when rendering the web page.
Magento 2 Core Web Vitals, Improve Core Web Vital score for Magento 2 website
The Crux tool is a web UI for querying and visualizing the CrUX API. All data metrics are aggregated together in a single card. Get your CLS, FID, LCP, and FCP.
PREMIUM alternative to the Magento Luma (also Hyva): Core Web Vitals friendly | Optimized RequireJS loading | Optimized and separate styles | Lazyload images and backgrounds | Many new functionalities | Clean and user-friendly design
Command Line Tool for CrUX Rest API
Compares page speed performance reports using Chrome User Experience Report.
LazyAdsense is an OpenSource javascript which supports lazy loading Adsense ads
Add a description, image, and links to the core-web-vitals topic page so that developers can more easily learn about it.
To associate your repository with the core-web-vitals topic, visit your repo's landing page and select "manage topics."