The mobile website is very slow

Before any recommendation is offered, I’d like to highlight that Elementor is already optimized for speed. However, from a technical standpoint, there will inevitably be a small impact on performance. This happens with any page builder that you use. There are quite a number of steps to optimize your website for speed, but there aren’t as many to optimize it for loading and how the content is served initially by the server and the website until it is fully loaded. Since this has been a bit of a widely asked question, and the answer cannot be exact due to too many aspects affecting it (Elementor is just one plugin on an entire WordPress platform), our team has come up with a checklist of sorts with some good steps to take to ensure your website performs as best as possible. You may have a run through it and see if it helps.

Guides:

-https://elementor.com/help/speed-up-a-slow-site/

-https://elementor.com/blog/speed-up-wordpress-website/

-https://elementor.com/blog/wp-rocket/

Solutions to effectively increase site performance based on other users’ experiences:

-https://www.facebook.com/groups/wordpressspeedup/

From the technical agent perspective, I would be more than happy to help, but unfortunately, since Elementor is a site builder, we do not yet have the tools to do so. Elementor is not a plugin that serves content, the server, the optimization plugins/modules, and the website do that, and we cannot affect how that is done from our side. Also, the website loading speed and optimization terms are extremely wide, and we cannot give exact advices or endpoints on how this should be improved as it all depends on too many aspects. I would really recommend getting in touch with a site optimization plugin (I understand that it might be frustrating) to see if there are ways to improve the website loading speed by adjusting some settings.

Hi Milos, thanks for the content! I really appreciate it, I’m going to see if I can improve those values ??with wp-rocket and consult with what you gave me, thank you very much.

Hello @rubenmkda

First at all, you need to resize and compress all of your images. Do it manually & replace existing. Don’t reply on WordPress media editor to resize them. As of now I can see all the images on website can be compress up to 41% at least.

Optimization Result: https://prnt.sc/3tepiHVRDlxy

Use lazy-load to load image on viewpoint instead of loading them all without actually viewing the image part. Suggestion: Use Viewpoint Cons/Lazy Load

Second, you may saw that most of the bigger JS files are coming from google reCaptcha. I know you might be using that for spam protection but use any assets manager plugin to load specific plugin CSS & JS on specific page to reduce un-necessary CSS & JS load on pages where that plugin that used or have 0 usages. Example: Contact Page need reCaptcha JS to load but other page don’t.

Lighthouse Treemap: https://prnt.sc/XACM0cAUMwUN

Don’t combine all CSS and JS files if your website plugin have bigger size CSS & JS. If they small you can but if they big in size better don’t combine them into one as HTTP/2 can handle multiple request at same time unlike HTTP/1.

Reduce un-used CSS and JS. Same comment as mentioned for reCaptcha.

Use CDN like cloudflare, cloudfront or bunny to load website faster from cache.

Try to use LiteSpeed plugin instead of WP-Rocket as your web-hosting might be running on LiteSpeed Server.

Use OMGF / Host Google Font Locally to load font from locally instead of requesting Google to load font. Directly loading fonts from Google take time and load resources from 3rd party (Google Font).

Thanks!

• This reply was modified 1 year, 1 month ago by Md Imon Hossain. Reason: Forgot to add result screenshot