The website is being load very slowly on mobile devices. Especcialy the hero section is loading very slow. Please, give me some advices to increase the speed of the website.
Here is my site Read-Only: [LINK][1] Webflow - Robbit
Link to the website: https://robbituz.webflow.io/
Hi there,
Slow loading times in hero sections are often related to image optimization and resource management. Here’s how you can improve your site’s performance:
Your hero section’s loading speed can be improved by:
The site usage dashboard (https://help.webflow.com/hc/en-us/articles/33961410031507) can help you identify bandwidth-heavy assets. For image optimization, try our WebP conversion tool (https://university.webflow.com/lesson/webp-conversion-tool) in the Assets panel to compress your images while maintaining quality.
Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.
I did all suggestions, but no result. Any ways to handle this problem?
https://robbituz.webflow.io/ website url
Check your network tab, over 600 downloads in the first 9 seconds, 25 MB.
Looks like you have a ton of custom fonts, videos, and maps loading with the page.
as you see there is only used fonts uploaded in webflow. How to delete other unused fonts?
I have four youtube videos that will be shown only in modal.
I have also one google map in footer.
the youtube videos with only appear when button is pressed. Initially it has style display: none
My youtube videos are not custom code, I used webflow’s youtube component. Should I delete them to increase a speed?
Thank you very much. I make some changes and there is an improvement. Please, can you answer to above written questions?
All I can say is the browser do doing a lot of work, pulling a lot of content. The things that stood out to me in my quick glance were the fonts, videos, and map, but there’s obviously a ton more than that.
The process of optimizing is to dig into that and refine. Remove anything you don’t need. Setup lazy loading techniques for things you don’t need yet, optimize assets you do need, etc.
It’s a big cleanup project, with a bunch of R&D on optimization techniques.
There’s something happening to delay the initial viewable page; could be the fonts & css load time, or it could be interactions or a loading screen.
My guess is YouTubes should not interfere there, as they’re IFRAMEd content which shouldn’t interfere with the rest of the page load. But if you want to make the page more efficient I’d design some lazy loading there, to prevent the IFRAME itself from loading until the modal is invoked ( or at least after everything else crucial has downloaded, to optimize how your bandwidth is used on phones ).
I’d temporarily replace the map with a static map image; it will account for a lot of the files and that will help you debug.
