Quote: Cumulative Layout Shift (CLS) (Google Developers) To put it simply, it refers to the cumulative score of deviations that occur within a maximum of 5 seconds after a shift of less than 1 second occurs to complete the deviation (the measurement of this 5-second deviation is called the session window). Additionally, the cumulative score of deviations that occur within that maximum 5 seconds will be the part with the greatest score (= maximum burst). cls Improvement Therefore, no matter how much the page is out of sync, only scores within 5 seconds are counted, so it is less likely to get a bad score than before.
In other words, the session window in which the maximum sweden telegram phone number list burst was measured becomes the CLS value for that page. So how are the scores calculated? Basically, they are calculated by multiplying the "area affected by the layout shift" in the display area (viewport) by the "length of the actual shift." For example, if an image is displayed exactly one-quarter of the way down the page, and the next three-quarters of the page is shifted down by the height of the image, the "area affected by the layout shift" is three-quarters of the total, or 75% .
75). On the other hand, the "actual distance shifted" is the same as the percentage of the total display area that the height of the image that caused the layout shift occupies. If it is equivalent to 20% of the total display area, then calculate it as 0.2. The calculated CLS score in this example is 0.75 (area affected by the layout shift) x 0.2 (actual distance moved due to the shift) = 0.