Site Loads Very Slow on Mobile

My site that I’ve built for a client loads very slow on mobile. I have the video hosted on Vimeo. Any suggestions on how to improve the loading speed?


Here is my site Read-Only: [LINK][1]

Can you post your live link (webflow.io staging or your domain) too? So we can analyze the load size of the assets

Appreciate the quickly reply, the staging URL is: https://olympusmma.webflow.io/

I feel like it could maybe be a bit faster on desktop too, but mobile is the main concern.

@CodeBrah:

In general, there are quite a few speed-optimization issues with your site, but the biggest one relates to the size and file format of the images.

Right now your site size is 101MB (for reference, a site should ideally stay within the 1-3MB size), and most of it relates to the size and format of the images.

In the top right of the image you can see there is 72.5MB attributed to images and 20.3MB to other (likely videos).

If you export the images in the right size (@2x of the size they are viewed in the browser), they will likely reduce file size dramatically (95%+) and that would be a huge improvement!

So, start by checking all images, export them in the right size, and reupload them as WEBP, and you will start seeing how much faster it goes. There are a few more things you can do for sure, but this is the 80/20 of it :wink:.