Hi I’ve recently deployed a basic react website to netlify and I checked in today to see that it has used 45GB of bandwidth already. I do have my website pulling a fairly large video from GitHub/Netlify’s LFS but I checked my website’s total page size using GTMetrix and it stated that it’s 21 MB.
I realize that this is still a ridiculous size for a website and will be changing it out for either a static image or a smaller video, but I still don’t see how I’ve used 45GB. I am the only one accessing this website and I’ve barely went on it the past couple days.
I am new to coding and any feedback or advice would be greatly appreciated.
My website: https://hushcrew.netlify.app/
Hi @kyowankim,
This is the status of your site in the past 30 days:
These are the 25-most bandwidth consuming assets.
Is there any best practices for having a background video on your home page? The video file is around 100 MB on the LFS server. Is there any way to have a one minute video as a background video without taking too much bandwidth?
One minute for a background video is dreadfully long. I’d recommend a 5-10 second (MAX) loop with a play button click to view the full video. Don’t go over 2 MB, basically. Anything over kills your conversion rate.
You can use apps like Miro video converter or Handbrake to compress your video. There are a few online services as well. Drop the resolution to 1280x720p to save even more space.
1 Like