Avoid Cumulative Layout Shift

If you've read my last previous post you know that in May Google will begin using Cumulative Layout Shift (CLS) - the proportion of a web page impacted by the sum of all layout shifts, and the distances that elements are moved - as a search ranking signal.

A major contributor to CLS is the shifting of page elements that occurs when the loading of image files lags that of text and other faster-loading content, causing images suddenly to jump into the page layout and displace elements already displaying.

You can avoid those layout shifts by placing images and any other slower-loading elements in responsive containers - built with CSS and HTML - that load quickly and reserve space for the slower-loaders.

Go here to view a demo of responsive containers and get the code.

Ensuring that web pages comply with Google's guidelines for Cumulative Layout Shift and other Core Web Vitals is a component of Technical SEO. Learn more about technical SEO.

And if you have questions or comments, you can easily send them to me with the Quick Reply form, below, or send me an e-mail.

Sorry, you don't have permission to post comments. Log in, or register if you haven't yet.

Subhead	Google will begin to use Cumulative Layout Shift (CLS) as a search ranking signal in May 2021
Website	Visit Website https://www.davidhboggs.com/
Rating	80/5 1 2 3 4 5 4/5 based on 1 vote. Show Individual Votes
Related Listings	Check your 'Core Web Vitals' which Google will use as ranking factors beginning May 2021 Speed up website loading with WebP images Optimize your local business website for Google Rich Results using Schema.org markup Special Offer: FREE website speed test for Google ranking Google organic rankings fluctuate wildly as SERP volatility spikes Google announces December 2020 Core Update of its search ranking algorithm Use Google Trends to find current topics to use in marketing Google passage based ranking makes SEO easier - and harder Google to drop desktop-only sites from index March 2021 Avoid 'unnatural' backlinks that can trigger Google penalties Why you should invest in paid search ads now Make sure what you have on your site is different enough to be what Google needs to index Load pages faster by eliminating render-blocking resources

Avoid Cumulative Layout Shift (CLS) with responsive containers

Avoid Cumulative Layout Shift

Comments on Avoid Cumulative Layout Shift (CLS) with responsive containers