Adding inline CSS dimensions to images, videos, and gifs helps improve which Core Web Vital?

Largest Contentful Paint

First Input Delay

Cumulative Layout Shift

It does not help improve any of the Core Web Vitals.

Certification program: 👉 HubSpot academy certification exams

Explanation: The correct answer is Cumulative Layout Shift (CLS). Cumulative Layout Shift measures the stability of content layout during the loading process, and it is influenced by the movement of elements on the webpage. Adding inline CSS dimensions to images, videos, and GIFs can help improve CLS by providing the browser with the exact dimensions of these elements before they are fully loaded and displayed. When the browser knows the dimensions in advance, it can reserve the necessary space for the media, preventing sudden shifts in layout as the content loads. This proactive approach minimizes unexpected changes in the page’s visual presentation, thereby enhancing user experience and contributing to a lower CLS score. By addressing CLS through techniques such as inline CSS dimensions, website owners can optimize their Core Web Vitals, improve page stability, and ultimately provide a smoother and more enjoyable browsing experience for their visitors.

Passing exams is not a workout. Multiple attempts won’t make you stronger.

  1. All possible certification exam questions
  2. 100% correct and verified answers
  3. Instant download
  4. Detailed explanations written by experts
  5. Free lifetime updates.
  6. All Hubspot category certifications in one package. Save big.

Note: we perform daily scans ensuring the file corresponds exactly the latest exam version and contains all possible questions from the real certification program.

You may also be interested: