Browser: Chrome 110
OS: macOS
URL: Link to a page that illustrates this issue
Video: ClickUp
We tried everything but google page speed always tell us that images takes a lot to load, this happens on all our site made in bricks so we are not sure how tol solve it.
This sounds like it may be your hosting if it’s happening with every site.
Hello @ChrisBeattie thanks for the answer,
actually we tested on other hosting same issue, any clue what could be the reason?
@aryanshirani Have you tried setting the lazyload to ‘eager’ since the image is above the fold?
Yes done that is actually setted in that way, but issue persisting
Can you double check as in your screenshot the element is showing bricks-lazy-hidden as a class
Anhy update on this?
Hi Aryan,
Sorry for the late reply!
Could you clone your installation into a staging environment so we can test it without affecting the live site? If yes, please send temporary login credentials and a link to this thread to help@bricksbuilder.io using the email address you used during the purchase.
Best regards,
timmse
Just sent you the email, thanks
In my opinion this isn’t Brick’s problem, but if @timmse can do something out of the box, that would of course be great.
Check this Article, I was able to optimize my site very well with this
You should optimize this image even better. It is 290kb in size.
It’s better to insert it as an image instead of as a background image, then you have more options.
Hello @tobiashaas thanks for the suggestion, but the problem that google page speed is showing is on the specific image that is 56kb and we are getting this problem basically in all our client bricks websites, like why is pointing to this image if is supper light and even webp?
Hi @aryanshirani ,
Thanks for your email and admin access.
LCP pointing to that image is normal as it is the largest part of your above-fold content.
Based on your previous screenshots, the main reason is the delay loading of this image. (load delay = 5s, 2.8s etc) To identify what causing the delay, you should remove plugins and investigate which causing the issue, it could be your server as well as the server response time already took 1s based on the report.
I just checked your HTML and found that a fetchpriorty=“high” is being inserted by other plugin on an image located inside off canvas. Seems like your optimization plugin inserted the fetchprioirty attribute on the wrong image.
I just manually placed fetchpriorty=“high” on your image and LCP reduced to 2.4s now.
Regards,
Jenn
Hello the problem is still persisting, I just tested a page speed and the situation looks same as before:
Any clue?
Thanks
This is the report from my end.
https://pagespeed.web.dev/analysis/https-ochepoke-rrulb-com/mi9sgnqrjq?form_factor=mobile
Please may I know if this is a shared hosting? The initial server response already took 1.8s
Certainly looks like a hosting issue to me.
We tested also in a new high speed server and the issue is still the same, we are not able to understand why is behaving in this way, why is still showing the image so heavy?
Thanks
Having a similar problem here as well. Up until about three weeks ago three sites I have hosted on SiteGround were returning a score over 90 for mobile on page speed insights. All three are on different accounts, my own and that of two other clients. Now they are retuning scores from 57 up to 80, for various reasons. I have one Bricks site on A2 hosting with no CDN and it still consistently returns a score of over 90 for mobile.
One of the main flags from Page Speed Insights is that it’s analysing a full 1920px x 1080px image, coming in at around 6000ms, when I have set a source image for mobile that is a lot smaller. I do see the fetchpriority set to high. This is for LCP with 79% of this down to a rendering delay?
One interesting observation, when the SiteGround CDN (free version) is set to development mode the scores on all three sites will temporarily go up above 90. This might suggest that disabling the CDN would be the cure but I have done that to no avail.
