web-vitals-playground

web-vitals-playground

lari-pellini

Bad vs. good demos of LCP, CLS and INP with a live Core Web Vitals overlay. Learn what hurts page experience and how to fix it.

web-performance
View on GitHub Website
2 Stars
0 Forks
0 Watchers
HTML Language
mit License
44.1 SrcLog Score
Cost to Build
$500
Market Value
$500
How is this calculated?

Growth over time

1 data points  ·  2026-10-25 → 2026-10-25
Stars Forks Watchers
💬

How do you feel about this project?

Ask AI about web-vitals-playground

Question copied to clipboard

What is the lari-pellini/web-vitals-playground GitHub project? Description: "Bad vs. good demos of LCP, CLS and INP with a live Core Web Vitals overlay. Learn what hurts page experience and how to fix it.". Written in HTML. Explain what it does, its main use cases, key features, and who would benefit from using it.

Question is copied to clipboard — paste it after the AI opens.

🏆 Show off this rank

lari-pellini/web-vitals-playground on SrcLog (holo style)

Add it to a GitHub README or profile — the card updates as the ranking changes:

How to clone web-vitals-playground

Clone via HTTPS

git clone https://github.com/lari-pellini/web-vitals-playground.git

Clone via SSH

[email protected]:lari-pellini/web-vitals-playground.git

Download ZIP

Download main.zip

Found an issue?

Report bugs or request features on the web-vitals-playground issue tracker:

Open GitHub Issues

Similar to web-vitals-playground

webpack angular mozjpeg guess webpack.js.org browser-perf perfjankie progress-bar-animation perfume.js pwa-fundamentals v-lazy-image keepfast protractor-perf Surf-N-Perf perflint garie karma-telemetry blazingly-ssr qoopido.demand webperftoolbar guido perfslides plugin-lighthouse node-imageoptim-api express-performance-monitor microdose verifierad-deprecated gzip web-performance-talk eliminate-render-blocking