Page speed. Mobile logo render delay
Hi,
My website page speed is great on desktop, but for mobile, the lazy load/render delay for the logo component is causing a big delay in page speed. Please see the link and information below. How do I fix the render delay for the logo? I tried inserting custom JS to prioritize loading the logo in the Gtag part, but it doesn't seem to be showing in the code. Please help as this significantly impacts the website page rank.
https://pagespeed.web.dev/analysis/https-magnapt-com/cwlek4hk96?form_factor=mobile
Comments
Hello,
Please, check the following link. There you will find instructions about how to improve the loading time for your website.
https://support.muffingroup.com/how-to/how-to-speed-up-my-site/
Following the tips mentioned in this guide should make your website faster.
Thanks
Could you please take a minute to respond to my specific case? These are pretty general and already done. This is not the support that I was looking for.
Before diving into custom fixes, I had to confirm you've already done the basics. There's no point in troubleshooting advanced stuff if your site isn't fully optimized in the standard ways first.
Please send us the WordPress dashboard access privately through the contact form, which is on the right side at https://themeforest.net/user/muffingroup#contact, and we will check that out.
Notice!
Please attach a link to this forum discussion.
Sending incorrect or incomplete data will result in a longer response time.
Therefore, please ensure that the data you send are complete and correct.
Thanks
What do you mean by sending you dashboard access? create a user for you?
Yes, create a user with admin rights, and send all information I mentioned in my previous message through the contact form.
Thanks
I need an email for that user.
What is your email?
You can use any dummy email like "[email protected]".
Thanks
done. plz check
It is not related to the logo but to the whole website overall. The logo shows in the message because it takes the longest to load, due to the entire website loading.
1) Most, if not all, images on your website are JPGs. Next-gen formats, such as WEBP, should be used instead.
2) Entrance animations and Font Awesome also have impact on the website loading:
3) Also, active plugins have an influence on that.
Please see the results after I disabled all plugins except the ones that does not have option to disable them, Contact Form 7, and YOAST Duplicate Post, and unchecked Entrance animations and Font Awesome from Performance tab:
With such a configuration, now a different part shows as LCP because the entire page loading has changed:
For example, Slider Revolution, which you have active at the moment, is a great tool, but it has a significant impact on loading time.
If you replace your images with WEBP, use as few plugins as possible, and disable the assets I mentioned in the Performance tab, your website's performance will improve. So it's mostly things already mentioned in the following article I mentioned in my first message.
Best regards
So, after you disabled everything, the performance improved from 61 to 76? Is that acceptable for you guys? Can you still call that a "fast" theme? Don't you think you have something that needs be fixed at your end?
also, all images are already webp what are the images that you are referring to?
I am not saying that a score of 76 is acceptable. I wanted to show that plugins and other resources have a huge impact on the website performance, and you cannot expect to have a perfect 100 score with aggravating tools active.
Also, please check a couple of examples showing JPG images instead of WEBP:
If you follow the tips I mentioned here, and from the article I sent previously, you will surely achieve a better results.
Best regards
Thanks. I followed some of the steps and it did improve the performance. Mainly slider revolution. As for images, it seems like the images are stored as jpg but served in the browser as webp. When I save as, it comes as webp. I think Jetpack plugin does that be default. If the originals are webp, will that make a difference since the browser has them as webp any way? Also, any recommendations for plugins to do that for the entire website?
Images uploaded directly as WEBP should make a difference.
For every pre-built website we create, we convert all JPGs and PNGs into WEBP before uploading them, and we put already-converted ones into the demo.
We have not tested and do not support any plugin that converts images that are already in the media library, so I cannot recommend any to do that. However, if the plugin is written properly, it should work anyway, and there are a couple of them with such functionality as I know.
Best regards