Skip to main content

Lazy Load Self-Hosted Videos

Updated over 2 weeks ago

Lazy Load Self-Hosted Videos helps your pages load faster by deferring the loading of video content until it’s actually needed.

When enabled, NitroPack will automatically delay the loading of self-hosted HTML <video> elements until the user is about to view them. This reduces the initial load time and conserves bandwidth, especially important for mobile users or video-heavy pages.

Why It Matters

Videos are some of the heaviest assets on a webpage. If they load too early—before the user even scrolls to them—they can slow down your site significantly and waste resources.

By lazy loading self-hosted videos, NitroPack prevents unnecessary strain on your page load performance. The browser only loads the video when it’s needed (e.g., when it comes into the viewport), which improves Core Web Vitals like Largest Contentful Paint (LCP) and Total Blocking Time (TBT), and helps your site feel faster and more responsive.

How to Enable Lazy Load Self-Hosted Videos

  1. Log in to your NitroPack Dashboard

  2. Go to Cache Settings >> Images & Media

  3. Toggle on Lazy Load Self-Hosted Videos

With this feature enabled, your videos won’t slow down your initial page load, giving visitors a better experience from the first click.

📌 If you need any assistance or have questions, you can contact our Support team using the chat bubble on the bottom right of this page.

Did this answer your question?