CLS on infinite load

Posted in: Newspaper
Post count: 236

Hi, I am using “infinite load” pagination on my layout categories.
To improve the Cumulative Layout Shift (CLS) I removed the footer, this affected a lot.
However, I have a problem that I have usually never had with other page builders (eg WP Bakery).
When I scroll, on category pages with no footer, I have some CLS accumulating.
Here is a video of problem:
https://gofile.io/d/1HSsCu

As I told you, with other sites I don’t have this problem.
What can it depend on?
I tried to manually remove (with Chrome inspection) every element (elements in display:none) after the “post loop” block, usually this solves the problem with other page builders, but with tagDiv it doesn’t solve the problem.

Note: I don’t know if it can be useful, but when I scroll, and the posts are loaded for the second time, the CLS is never increased (only if logged in).

Thanks for support.

PS. I also tried Chrome version 90, which fixed some problems with the CLS (e.g. position sticky). I have not solved this problem.

PS2. The Chrome plugin I use to detect the CLS is this:
https://chrome.google.com/webstore/detail/core-web-vitals/adeniimnihmbpgpbljmnohjpoolmgabj

Post count: 18283

Hello !

The next update should help users reduce the CLS. Also I have sent this to our developers so they will take a closer look to this too.

The next update is expected to be released in the following weeks.

Thank you !

Post count: 236

Thank you so much!

Post count: 236

Hi, using “infinite scroll” I noticed this:
using the 90 version of Chrome (which fixes some bugs related to sticky position) I noticed that if I scroll quickly the CLS is increased. On the other hand, if I slow down, the CLS is not increased.
It is certainly linked to the fact that the right layout (column in sticky position) is moved for a moment when I perform a quick scroll.
Here is a video I made:
https://gofile.io/d/q0GQMV

Hope to be of help.

Post count: 18283

Hello !

I have also sent this information to our developers. From what I know this happens depending on how fast the layout shift is seen. You can test this on another websites too and the result would be the same.

Thank you !

Post count: 236

Thank you too

Post count: 236

Hi, I wanted to point out that the CLS also increases when there are 2 columns, one column has “infinite load” pagination, and the other column is “sticky”.
As new posts are loaded, the “sticky” column jumps which creates an increase in CLS.
Thanks for your work

PS. There seems to be no problem on Chromium 91. I don’t know if it’s a bug with my PC / browser or something.

Post count: 18283

Hello !

The CLS will be affected by any change. This has also being brought up to our developers and they will take a look.

Thank you !

Post count: 236

Thank you!

Viewing 9 posts - 1 through 9 (of 9 total)
The forum ‘Newspaper’ is closed to new topics and replies.