Web Development Intermediate

What is Web Vitals?

Google's metrics for measuring user experience quality, including loading speed, interactivity, and visual stability of web pages.

Core Web Vitals include: LCP (Largest Contentful Paint — loading, should be under 2.5s), INP (Interaction to Next Paint — interactivity, should be under 200ms), and CLS (Cumulative Layout Shift — visual stability, should be under 0.1).

Web Vitals are a Google ranking factor. Improve LCP with image optimization, CDNs, and preloading. Improve INP by reducing JavaScript execution time and breaking long tasks. Improve CLS by setting explicit dimensions on images/ads and avoiding dynamic content insertion above the fold.

Related Terms

JavaScript Object Notation — a lightweight data interchange format that is easy for humans to read and machines to parse.

Cross-Origin Resource Sharing (CORS)

An HTTP mechanism that allows web pages to request resources from a different domain than the one serving the page.

A CSS layout model that provides efficient arrangement of items within a container, handling alignment, distribution, and spacing.

HTTP headers that control cross-origin resource sharing between different domains, specifying allowed origins, methods, and headers.

Responsive Design

A web design approach that makes web pages render well on all screen sizes using flexible layouts and media queries.

Progressive Enhancement

A web design strategy that starts with basic functionality for all browsers and progressively adds advanced features for capable ones.

View All Web Development Terms →