Interaction to Next Paint (INP) | Frontend Roadmap

Skip to main content

Frontend Roadmap

🧭 Roadmap
1 - 📄 HTML
2 - 🎨 CSS
3 - 🟡 Javascript
4 - 🐈 Git
5 - 📡 HTTP Protocol
6 - 🌐 Networking
7 - 🕸️ GraphQL
8 - 🌍 Browser Engine
9 - ⚙️ Web Rendering
10 - 🛤️ Critical Rendering Path
11 - ♿ Web Acesibility
12 - ⚛️ React
13 - 🧩 Design patterns
14 - 🕹️ Design system
15 - 🧪 Testing
16 - ⚡️ Performance
17 - ❤️ Core Web Vitals
18 - 🛡️ Web Security
19 - 🔐 Authentication Strategies
20 - ⚔️ Cybersecurity Attacks
21 - ☁️ Infrastructure
22 - 📐 System Design
23 - 🔌 Web APIs
💼 Interview

17 - ❤️ Core Web Vitals
Interaction to Next Paint (INP)

Largest Contentful Paint (LCP)

Cumulative Layout Shift (CLS)

INP Performance Thresholds
Common Causes of Poor INP
- How to Improve INP

Social media

Instagram

Copyright © 2025 Frontend Performance Roadmap by 63.472.505 DANIEL PIRES QUIRINO. Built with Docusaurus.