Visualise the Core Web Vitals metric Cumulative Layout Shift (CLS) with a simple GIF.
-
Updated
Nov 15, 2025 - JavaScript
#
cumulative-layout-shift
Here are 12 public repositories matching this topic...
NextLevel is a performance metrics dashboard tailored to Next.js applications that visualizes critical data, such as build time and key web vitals, enabling developers to pinpoint inefficiencies and improve development productivity and end-user experience.
dashboard reactjs nextjs chartjs performance-metrics developer-tools build-time bundle-size first-contentful-paint largest-contentful-paint cumulative-layout-shift time-to-first-byte first-input-delay nextauthjs interaction-to-next-paint nextjs14
-
Updated
Jun 14, 2025 - JavaScript
Get Lab CWV for a List of URLs from a CSV, including video screenshot
-
Updated
Jul 25, 2025 - JavaScript
Daily performance audits of all your sites in Matomo.
performance monitor interactive measure audit report lighthouse matomo first-contentful-paint speed-index web-vitals largest-contentful-paint interactive-to-interactive total-blocking-time cumulative-layout-shift
-
Updated
Jul 1, 2026 - PHP
An online e-commerce game that challenges the user to overcome frustrating layout shifts from slow-loading content and grab as many "Deals of the Day" as they can.
-
Updated
Sep 16, 2024 - TypeScript
📐 A simple aspect ratio component for react.
-
Updated
Jun 19, 2022 - TypeScript
A developer-centric frontend performance library
-
Updated
Sep 1, 2026 - TypeScript
Contrast auditor, CLS inspector, hreflang validator and llms.txt generator. Plain ES modules: no build step, no dependencies, no network.
accessibility wcag zero-dependency hreflang es-modules contrast-checker cumulative-layout-shift llms-txt
-
Updated
Sep 1, 2026 - JavaScript
Image sans dimensions : que se passe-t-il quand elle arrive ? Démo FR/EN, comparaison A/B et mesures de stabilité visuelle reproductibles.
-
Updated
Oct 3, 2026 - JavaScript
React bindings for @ui-perf/metrics
-
Updated
Jun 16, 2026 - TypeScript
Check image dimensions across a whole site. Finds every <img> without width and height, or with the wrong size, prints the exact fix and stops layout shift (CLS). Zero dependencies.
nodejs html cli web-performance seo lighthouse image-dimensions cls core-web-vitals cumulative-layout-shift
-
Updated
Sep 30, 2026 - JavaScript
Fix CLS in Elementor Image Carousels by adding missing width and height to images via PHP, improving visual stability without affecting other elements.
php wordpress elementor cls image-carousel cumulative-layout-shift front-end-optimization performance-fix
-
Updated
Nov 12, 2025 - PHP
Add this topic to your repo
To associate your repository with the cumulative-layout-shift topic, visit your repo's landing page and select "manage topics."