Bricks Version: 1.5
Browser: Chrome Firefox Edge
OS: macOS / Windows /
In the release version of 1.5, I am seeing all my previously built sites, as well as new sites are having lots of CLS problems suddenly. Loading a fresh site, only plugin is ACSS, Bricks theme, and a simple page or template with only one image or text section or logo, has huge CLS problems.
Also the Bricks feature to turn Lazy Loading off, does not work, as the screen shot shows as well.
That is default lazy loading of wordpress. Use loading=“eager” attribute for the logo and first image.
already have wordpress default lazy loading disabled… so this is a bricks issue that was not in previous builds
Same Problem here since 1.5. Before that I had no problems.
Small Image in Header loads at least and moves the whole content.
Yep, moves all the content and give you huge CLS. Was clean as a whistle before!
@bricksandmortar disable lazy loading in bricks > settings > performance fixed the issue for me.
Have you tried adjusting the lazy loading offset amount?
im intrested in this because have the same problem.
FYI after recreating the template from scratch CLS was gone. Go figure…
that is the problem, the disable lazy loading feature does not work for me, and does not work for many other people. seems to be buggy and works inconsistently. worked fine in the past.
6 days and no response from timmse or Thomas. This is a serious bug that did not exist in previous versions. People in numerous other groups, ACSS, other bricks groups etc. complaining about the header layout shit problem.
Hey @bricksandmortar ,
How about you provide us with a link where we can see the problem?
The Lighthouse message says “Avoid non-composited animations” - now the question is, where do they come from…
Best regards,
timmse
Hi timmse,
I’m also having the CLS issue on every page of the website. I thought it might be to do with a banner template that is used on all bar one of the pages but even that one has CLS issues on the text in the hero banner. Take a look at https://ottervalechurches.org and run a google page speed test and you’ll see the issues. There is nothing on the page other than a header, text and an image with a little styling to set font size, colour and spacing.
On all the other pages with the banner template, the header is also included in the CLS report (Life events – Otter Vale Mission Community).
Is this a bug or just something that happens due to the styling in some way?
Likely because you’re lazy loading the images that should be visible straight away.
No, in the banner they’re set to eager. Lazy loading is also off in Bricks.
Litespeed lazy loading by the looks of it from the source code.
Nope that is off as well. Lazy loading was not working well!
Actually is now (no idea how that was on) but the CLS is still happening.
I’ve created a test page (Test – Otter Vale Mission Community) with no header or footer, just one section and container with a heading and two text elements and page speed test is saying that the heading is shifting.
