XF 2.2 Xenforo and "Cumulative Layout Shift" Problem
- Thread starter qwer81
- Start date
digitalpoint
Well-known member
XenForo isn't going to be able to stop CLS caused by things you add on your own (like banner ads).
XenForo has no CLS by default:
pagespeed.web.dev
XenForo has no CLS by default:
PageSpeed Insights
pagespeed.web.dev
XenForo isn't going to be able to stop CLS caused by things you add on your own (like banner ads).
XenForo has no CLS by default:
PageSpeed Insights
Ok!
I found this: fix-layout-shifts-caused-by-images-especially-noticeable-due-to-lazy-loading-in-xenforo-2-2-patch-included.190498
It can be useful?
bzcomputers
Well-known member
If you have XenForo 2.2.4 (released March 2021) or later it has already been fixed.
Mr Lucky
Well-known member
That's right. By default all images will be have CSS
max-width:100% and height:auto. That is what makes them responsive. But to stop CLS the image itself should have an explicit with and height written in the page code of each image irrespective of the "blanket img CSS. , e.g. width=600 height=200As an example my banner ads
<img class="equi" width="110" height="110" src="https://cafesaxophone.com/x-pic/equi2-books.webp" alt="Tutorials" /></a>So the CSS is applied by xF to img, and my own CSS to equi. But still each image has its own explicit height and width.
Wrong
XenForo < 2.3 does cause CLS in various places like embedded images or emojis.
XF 2.3 - Image optimization, enhanced image resizing, and more!
We hope you're enjoying the "Have you seen...?" series for XenForo 2.3 so far. We still have quite a bit more to show you while we work on adding the last finishing touches before we unleash XenForo 2.3 on this very forum. This week we're going to talk about various improvements we have made...
xenforo.com
digitalpoint
Well-known member
I didn’t check exhaustively, just the main page.Wrong
XenForo < 2.3 does cause CLS in various places like embedded images or emojis.
XF 2.3 - Image optimization, enhanced image resizing, and more!
We hope you're enjoying the "Have you seen...?" series for XenForo 2.3 so far. We still have quite a bit more to show you while we work on adding the last finishing touches before we unleash XenForo 2.3 on this very forum. This week we're going to talk about various improvements we have made...
Similar threads
