core-web-vitals

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

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

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.

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

Core Web Vitals Technology Report

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.

Monorepo with many tools and packages for Nx and Angular projects

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

🚀 A Laravel package that focuses on minimizing payload size of HTML document and optimizing processing on the browser when rendering the web page.

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.

Compares page speed performance reports using Chrome User Experience Report.

LazyAdsense is an OpenSource javascript which supports lazy loading Adsense ads

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.

Command Line Tool for CrUX Rest API

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

An interactive guide for learning Core Web Vitals

A Joomla! admin module for Core Web Vitals

React Next.js Boilerplate and Starter Kit

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

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

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