Help with Homepage video load?

Hey Greg,
I believe that you can preload the video in your header like this: <link rel="preload" as="video" type="video/mp4" href="foo.mp4" />
But I found this stackoverflow thread that says: video preloading is included in the Preload spec, but is not currently implemented by browsers as of 2021
I see that your video is 25 seconds and 24.9 mb, but when I view your site with a users mind, I don’t see myself staying at the top of your page for more than 5 seconds, I would recommend cutting the video down to 5 seconds then perhaps it would be only about 5 mb and load much faster.
If the site is live try getting the analytics for the average time spent on the homepage and use this to show your client that a 25 second video is not necessary.
Anyways, I hope this helps.

Best regards,
Mike

Hi,
The video seems to come in fairly quickly, but I can see a blank spot before the video that a client might want to remove. Two ways around this, first would be to use the preloader option in the theme; Enfold Theme Options ▸ Theme Options ▸ Page Preloading this will show the preloader while the video loads.
Another option would be to show a background in the video div before the video loads, like this thread. The still image for the first frame may give you the couple of seconds you need for the video to load.
I did a webpage test linked below and the 5 seconds for the video to load seems reasonable, but the other 300×300 images on your homepage are taking over 3 seconds to load:

I tested one image on tinyjpg.com and compressed it down by 75%:

I would try this for your images and perhaps it will improve the page load.

Best regards,
Mike

Hi,

Glad to know that @Mike was able to help! Please feel free to open another thread when you have more questions about the theme.

Have a nice day.

Best regards,
Ismael