Ah okay, I checked the mobile-specific version of the site in Lighthouse and I’m getting a similar result.
Same thing with images. I have hidden the slider images on mobile devices. However, they are loaded in the background.
This is expected, as you’re using normal image elements and not background images. Display:none will still render elements on the canvas—just not display them to the visitor. It may be beneficial in your case to see if you can use background images on div blocks instead, and potentially serve up different variations (at smaller file sizes and lower resolutions) for mobile users. You can “delete” background images on specific breakpoints and they won’t be loaded (or in your case, change it to a completely different image) as it’s called using a CSS rule.
Changing the background video to a static image on mobile devises has no effect on the page load speed, because it is still loaded in background to the assets.
Ah I see, this may be a situation where some custom code is needed to prevent the video from loading on mobile devices—Webflow’s background video element doesn’t appear to do this by default.
Unfortunately, I need the reCaptcha process.
Can you explain where the reCaptcha is being used? I can’t find any form elements, and I don’t see it tied to your email link in anyway so I guess I’m a bit confused at what it’s doing. I was able to find an article that outlines adjustments you can make to prevent the script from loading unless a user focuses on a form element, however I’d imagine it could be modified to only load when a user clicks on an email link (if that’s how you’re using it now).
These fixes will do quite a bit to minimize load times, I believe I saw something like 2MB attributed to the video file on mobile which could be a large amount of your score here (alongside the YouTube JS, reCaptcha JS, and some larger than necessary images).