2/1/2024 0 Comments Shifty imagesIt’s a very different beast to the other two Core Web Vitals. So, it often requires new techniques and ways of thinking to attempt to optimize it. Why CLS Is DifferentĬLS is, in my opinion, the most interesting of the Core Web Vitals, in part because it’s something we’ve never really measured or optimized for before. However, I will give a little background needed to understand some of the techniques. Nor will I talk too much about the mechanics of how CLS is calculated: Google has some good documentation on that, and Jess Peck’s The Almost-Complete Guide to Cumulative Layout Shift is an awesome deep dive into that too. ![]() I’m not going to talk too much about measuring CLS as I’ve covered that already in a previous article. In this article, I’m going to discuss some front-end patterns to reduce CLS. These shifts of content are very annoying, making you lose your place in an article you’ve started reading or, worse still, making you click on the wrong button! It calculates a score based on how much of the page is unexpectedly moving about, and how often. ![]() The Cumulative Layout Shift metric is causing trouble to a lot of sites, so let’s have a look at ways of addressing any issues for that metric.Ĭumulative Layout Shift (CLS) attempts to measure those jarring movements of the page as new content - be it images, advertisements, or whatever - comes into play later than the rest of the page. Google’s Core Web Vitals initiative has taken the SEO and Web Performance worlds by storm and many sites are busy optimizing their Page Experience to maximize the ranking factor.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |