Google's latest complaint

I've tried it and I don't see any change, maybe my problem is the size of the main page. I use cloudflare I have no banner or other type of ads this can slow the site, it's a problem that I no longer know how to solve...
 
@Brogan
With all due respect, but how do you expect users to help other users/customers if we can't cite URLs/code of the websites they are asking for help?
The site rules are clear - links of that nature must not be posted.

Customers can submit tickets for official support, otherwise community members can provide support via conversation.
 
Ah found it.
If you add a custom logo, there is no way to add proper dimensions in the control panel.
This is causing the shift.. this should be optimized in XF I guess:

View attachment 230125

Once I revert this to the original logo, the CLS score is 0!

edit: After adding width/height properties to the img logo tag in PAGE_CONTAINER, the CLS score is fine again.
for this reason , i just try this step
 
https://www.seroundtable.com/google-measures-web-vitals-29886.html

Googlebot (or Lighthouse, or PageSpeed Insights) measures lab data, which is hypothetical performance data in a pretty ideal environment. This isn't representative of what actual users see - but that's more important...

So Google Search looks for a mix of lab data and real user metrics (rUM, e.g. the Chrome UX report) to determine performance signals. You wanna take a look at both, too.

Lab data gives you a good idea where to dig deeper, rUM is harder to get & gives you a better perspective.

And that's the cool thing about the GSC web vitals report - it shows you limited data (b/c not every URL might have enough rUM data) but it's real user metrics! So if something is "poor" there, it means real users suffered. You wanna fix that for sure.
 
PAGE_CONTAINER:
Code:
            <div class="p-header-logo p-header-logo--image">
                <a href="{{ ($xf.options.logoLink && $xf.homePageUrl) ? $xf.homePageUrl : link('index') }}">
                    <img width="...px" height="...px" src="{{ base_url(property('publicLogoUrl')) }}"
                        alt="{$xf.options.boardTitle}"
                        {{ property('publicLogoUrl2x') ? 'srcset="' . base_url(property('publicLogoUrl2x')) . ' 2x"' : '' }} />
                </a>
            </div>
Is that the size of the raw image, or the image as displayed?

ETA: I don't see this code anywhere in my page_container.
 
Back
Top Bottom