Tools
▾
🎨 Color Picker
🌈 Gradient Generator
🌑 Box Shadow
📐 Flexbox Playground
🔲 CSS Grid Builder
🔷 SVG Shapes
📋 JSON Formatter
🔍 Regex Tester
All tools →
Learn
▾
HTML
CSS
JavaScript
TypeScript
PHP
React
Laravel
SQL
Git
All learning paths →
Roadmaps
▾
🖥️ Frontend Developer
🐘 PHP Developer
⚡ JavaScript
🌐 Full-Stack
All roadmaps →
Projects
Blog
Code Editor
Sign in
Get Started Free
Home
/
Learn
/
Web Performance
>> Web Performance
Make pages load quickly, stay responsive, and feel fast on real devices.
Lessons
Sign in
to save progress
1
Core Web Vitals (LCP, INP, CLS)
2
Image Optimization (AVIF, WebP, lazy)
3
Critical CSS & Render Blocking
4
JavaScript Performance (splitting, bundling)
5
Caching Strategies (Cache-Control, SW)
6
Font Performance (font-display, preload)
7
Network: HTTP/2, CDN, Compression
8
Lighthouse & Performance Auditing
9
Perceived Performance & Skeleton Screens
10
Performance Budgets
>>
Web Performance
Make pages load quickly, stay responsive, and feel fast on real devices.
Start First Lesson →
Our Network
GizDevCraft
40+ Free Developer Tools
GizBotArena
Device Platforms
GizCalc
750+ Free Calculators