Google: CLS Is Measured Through The Entire Lifecycle Of The Page

Jul 2, 2020 - 7:11 am 0 by

Cumulative Layout Shift

Google's new ranking algorithm that launches next year, the Page Experience Update, has metric named CLS, Cumulative Layout Shift. It checks to see if things on the page jump around as it loads. Philip Walton, a Senior Developer Programs Engineer at Google, said that this is measured throughout the entire lifecycle of the page.

He said this during the web.dev Live event at the 1 hour and 57 minute mark. "CLS measures layout shifts that happen during the entire lifecycle of the page," he said. This is "from when you load the page, until when you unload the page. Even if you leave the page open for days or weeks, it does measure that entire time," he added.

Here is the video embed at the start time:

Here is the transcript:

So that's actually a really good point. I'm glad you brought it up.

CLS measures layout shifts that happen during the entire lifecycle of the page. From when you load the page, until when you unload the page. Even if you leave the page open for days or weeks, it does measure that entire time.

Whereas here in DevTools, you ran a trace and you saw the layout shift that happened during that trace. And so in this particular case, CLS was only measuring layout shifts for a small period of time. It's important that developers keep that in mind because, you know, the actual metric definition is for the entire lifespan of the page. So if you run a Lighthouse trace or a WebPageTest trace, or even in DevTools, and you see a certain value and it's below 0.1, the threshold I just mentioned, just keep in mind that you have to actually be measuring it the entire time. You know, that's the measure that counts, is the entire lifecycle of a page.

So you can't just run the developer tools on a page for a second or so and expect the score to match what you see in the core web vitals Search Console report.

Hat tip to Glenn:

Also, FID, First Input Delay, is not in Chrome Dev Tools because it requires user interaction, but Total Blocking Time (TBT) is in Dev Tools and it's a proxy for First Input Delay.

Forum discussion at Twitter.

 

Popular Categories

The Pulse of the search community

Follow

Search Video Recaps

 
Google Core Update Rumbling, Manual Actions FAQs, Core Web Vitals Updates, AI, Bing, Ads & More - YouTube
Video Details More Videos Subscribe to Videos

Most Recent Articles

Bing Ads

Now Important Google Ads PMax To Microsoft Advertising PMax - Fully

Mar 19, 2024 - 7:31 am
Google Search Engine Optimization

Google: Canonicalizing From WWW to Non-WWW Won't Impact Your Search Rankings

Mar 19, 2024 - 7:21 am
Google News

Google Changes: Liz Reid New Head Of Search, Pandu Nayak Steps Down As Search Quality & Rankings Lead

Mar 19, 2024 - 7:11 am
Search Forum Recap

Daily Search Forum Recap: March 18, 2024

Mar 18, 2024 - 4:00 pm
Google Updates

Google Urges Patience As The March 2024 Core Update Continues To Rollout

Mar 18, 2024 - 7:51 am
Google

Official: Google Replaces Perspective Filter With Forums Filter

Mar 18, 2024 - 7:41 am
Previous Story: Google NYC LEGO Micro Kitchen Sign