core-web-vitals

Relocate resource intensive third-party scripts off of the main thread and into a web worker. 🎉

Visualise the Core Web Vitals metric Cumulative Layout Shift (CLS) with a simple GIF.

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.

A tiny (450 bytes) wrapper for Chrome UX Report API wrapper that provides TS notations and handles errors.

Show the Core Web Vitals from the Chrome User Experience Report in the Google Search Results.

Get Lab CWV for a List of URLs from a CSV, including video screenshot

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 Laravel package that focuses on minimizing payload size of HTML document and optimizing processing on the browser when rendering the web page.

Monorepo with many tools and packages for Nx and Angular projects

Compares page speed performance reports using Chrome User Experience Report.

Magento 2 Core Web Vitals, Improve Core Web Vital score for Magento 2 website

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.

Previously a WordPress and WooCommerce monolith, Buildarmy has been transformed into a headless e-commerce store utilising a modern open-source stack. Through hybrid rendering techniques and a decoupled architecture, the project achieves its goals of improved core web vitals and a better end-user experience for customers. Designed and developed in partial fulfilment of the requirements for the degree of BSc (Hons) Computing (Software Engineering) at The University of Northampton.

LazyAdsense is an OpenSource javascript which supports lazy loading Adsense ads

Command Line Tool for CrUX Rest API

An interactive guide for learning Core Web Vitals

The Google homepage rebuilt to get perfect Google Lighthouse and PageSpeed Insights scores

A Joomla! admin module for Core Web Vitals

Demo / Portfolio site with a 100/100 score on each Core Web Vitals metric

vanilla javascript website displaying 100 score on google pagespeed for desktop. Used as part of Web Unleashed conf talk 2021.

An example of how to send Core Web Vitals to Google Analytics in a Next.js application using http://getanalytics.io/.