What solution is there for a carousel with a lot of gifs or videos to not make the website load in 2 workdays?

[ad_1]

Hello,

So I started building a presentation website for someone in the family and they want to have a section with a carousel of videos or gifs – best example I could find is https://www.nibble.studio or https://thesocialsavannah.com

The problem I am facing is the sheer size of the files, even the gifs sum up to 500Mb. What solution is there, I see that the websites in the example even use .mp4 and have decent load times.

Thanks!

[ad_2]
2 Comments
  1. There are two things those websites are doing – loading via a CDN and optimizing your content.

    Neither of them are using WordPress, either. Nibble is using WebFlow and I’m not sure what SocialSavannah is using, but it’s some kind of custom tech stack.

    In those examples the videos are sized to 120×289 and 260×440. They’re not loading full 1080×1920 or higher resolution files. There’s no need to when they’re literally just miniature scrolling videos.

  2. [https://thesocialsavannah.com](https://thesocialsavannah.com/) took like 10000ms to finish the build – 100% not done right.

    If you compare the video files to nibble studios they are way to large (20Mb).

    You should aim for a maximum of like 2MB per Video file and use modern encoding like mp4 / webm.

    Also asynchronous loading of the tiles is the right approach i guess and using a cdn to provide the posters / video files makes the trick.

 

This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer