Hello everyone,

I need some advice on the best industry practices when it comes to loading data to ensure that my website is performant.

I am currently working on a Travel blog that has a video in the Hero section. I only want this to load for large screens (desktop) and individuals with a fast internet connection. I want to make sure that the site experience can be accessible and enjoyable for everyone, no matter what internet speed they have.

Here is the blog - https://mtwblog.vercel.app/

Tech Stack
NextJS
Sanity CMS

What is the best solution to achieve this?

Any advice will be greatly appreciated.

Cheers!

Kenny ✌🏽 + ❤️