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
-
This topic was modified 5 years by
marcorroma.
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.
-
This reply was modified 5 years by
marcorroma.
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.
-
This reply was modified 5 years by
marcorroma.