SEO

How to fix CLS issue in Google Search Console

Kartic1 min read

What Factors Affect CLS and Cause a Slow Score

The most common factors of a poor Cumulative Layout Shift grade on WordPress are:

  • Images and videos without dimensions
  • Ads, embeds, and iframes without dimensions
  • Web Fonts causing Flash of Unstyled Text (FOUT) or Flash of invisible text (FOIT)
  • Actions waiting for a network response before updating DOM (especially for ads)
  • Dynamically injected content (e.g., animations).

All Image must be defined width and height to increase CLS issue:

Following codes add to your css file for fix globally

img {  max-width: 100%;  height: auto; }

Google recommended webp image extension to increase your website performance.

Share this articleLinkedIn X

Discussion (0)

Sign in to join the discussion.

Delete this comment?

This will also remove its replies.

Keep exploring

Follow the engineering notes.

Subscribe for technical articles from iTechOrbit.