LCP, INP, CLS, lazy loading, caching, CDNs, bundling, code splitting, critical rendering path and Lighthouse.
34 cards · basic cards · AI-written, checked twice. Edit anything.
- What does LCP stand for in Core Web Vitals?
Show answer
Largest Contentful Paint- What is the good threshold for LCP?
Show answer
2.5 seconds or less- What does INP stand for in Core Web Vitals?
Show answer
Interaction to Next Paint- What is the good threshold for INP?
Show answer
200 milliseconds or less- What does CLS stand for in Core Web Vitals?
Show answer
Cumulative Layout Shift- What is the good threshold for CLS?
Show answer
0.1 or less- What are Core Web Vitals?
Show answer
Three key metrics Google uses to measure page experience: LCP, INP, and CLS- What is Lighthouse?
Show answer
An open-source tool by Google for auditing page quality, performance, accessibility, and SEO- What is the critical rendering path?
Show answer
The sequence of steps the browser takes to convert HTML, CSS, and JavaScript into pixels on screen- What is lazy loading?
Show answer
Deferring the loading of images or resources until they are needed, typically when they enter the viewport- Name one benefit of lazy loading images.
Show answer
Reduces initial page load time by deferring loading of off-screen images- How does a CDN improve performance?
Show answer
By serving content from a server geographically closer to the user, reducing latency and bandwidth usage- What is browser caching?
Show answer
Storage of static assets in the user's browser so they do not need to be downloaded on repeat visits- What HTTP header controls how long a resource is cached?
Show answer
Cache-Control- What is minification?
Show answer
Removing unnecessary characters like spaces and comments from code without changing functionality
FlashKeepers