How to Improve Cumulative Layout Shift (CLS) on WordPress
Get WP Rocket
https://wp-rocket.me/
Related Articles:
https://wp-rocket.me/blog/self-hostin...
https://wp-rocket.me/google-core-web-...
In this video, we'll go over 6 ways to improve your CLS (Cumulative Layout Shift) score on a WordPress website. If you're watching this video, you already know that you need to improve your CLS score, but you may not know exactly what it is.
The Cumulative Layout Shift is a Core Web Vital metric that measures how visually stable a page is. It's calculated by how many unexpected layout shifts occur without interacting with the page.
A good CLS score should be equal to or less than 0.1, a score between 0.1 and 0.25 means that the performance "needs improvements" and a score above 0.25 is considered "poor." Improving your CLS score can also affect your SEO performance.
In this video, we'll go over 6 tips to improve your CLS score, including including width and height size attributes on video and image elements, preloading fonts and optimizing them, and converting icon fonts to SVG.
We'll also provide resources for measuring your CLS score and solutions for common causes of layout shifts.