Skip to main content
.com domains from $2.99 — WHOIS privacy at no extra charge

How-to · Beginner · 15 minutes

How to Lazy Load Images and Video

Hold back offscreen media until the reader is nearly at it — a practical, jargon-free walkthrough with the classic mistake flagged before you make it.

Straight answer first

In a line: hold back offscreen media until the reader is nearly at it — a beginner-level task that takes 15 minutes.

Below you get the exact steps, the classic snag, and a tip from the support desk. Where our platform handles a step for you, the guide says so rather than making you do the robot's work.

Written by the Hosting Seller staff · Checked 1 August 2026

Beginner

Difficulty level

15 minutes

Time to allow

5

Stages

24/7

Help at any hour

This guide assumes no expertise at all — just a hosting account, a browser and 15 minutes of attention. Every instruction works on our platform exactly as written, and carries over to any standard cPanel host.

One promise before you start: nothing in this guide is irreversible. Where a step could bite, we say so and give you the undo.

The overview before the detail

The job breaks into a few clear stages: start with the browser's own version, extend it with the cache plugin, exclude the hero image, treat video embeds as the big win and scroll through and watch.

Each stage is a few minutes of steady clicking — the time it takes depends mostly on how familiar the control panel already feels. The detailed steps sit further down this page; skim the whole route once before you begin.

The mistake nearly everyone makes

Lazy-loading everything, hero included. The above-fold image then waits on JavaScript before it even starts, which makes LCP worse. The technique earns its keep below the fold and does damage above it.

It is worth learning because it is not some rare edge case — it is the single most common reason this task turns into a support ticket. Knowing it up front turns the whole job from risky into routine.

The shortcut, straight from the support desk

The video facade is the single biggest embed win available. A page carrying three YouTube embeds sheds several megabytes, and the visitors who never press play never pay for the player at all.

It costs a minute now and pays that back every time the job comes round again — which, like most hosting jobs, it certainly will.

How our platform shortens this

We have automated the steps that do not deserve your time: certificates issue and reissue themselves, the installer handles application setup, the daily backup covers the what-if, and per-site settings live in a panel instead of a config file. The guide above covers what remains — the part that is actually about your site.

And when a step misbehaves anyway, support answers at any hour with the actual fix, not a knowledge-base link and a shrug. Half our best guides began life as a pattern in the ticket queue.

A speedometer standing in for a website performance test

Why the job is simpler on our plans

Tutorials age badly when they are written against imaginary hosting. These are written against ours: the same panel, the same installer and the same defaults you will meet.

Backups run every day on every plan, and putting a file or a database back takes one click from the panel.

  • Step by step, tested exactly as printed
  • The snag flagged before you reach it
  • The dull steps are already automated
  • People on hand at any hour if you stall

Why Hosting Seller

On every plan, as standard

Scoped honestly

Hold back offscreen media until the reader is nearly at it is a beginner-level task — this guide budgets 15 minutes and says which steps the platform absorbs.

Automation where it belongs

SSL, backups and installs run themselves here, so the guide covers only what is genuinely yours to do.

Works exactly as written

Every step tested on the platform we run — no 'your host may differ' hand-waving anywhere.

The undo is always named

Where a step could bite, the guide says so and tells you how to put it back again.

The snag, named early

The classic mistake for this exact job is flagged before step one, so 15 minutes stays 15 minutes.

5 steps, no filler

Each stage is a few minutes of steady clicking, with the fiddly parts marked as fiddly.

First Steps

From choosing to live

  1. 1

    Start with the browser's own version

    loading=lazy on images and iframes is built into browsers, and WordPress already applies it to most images. The baseline is working before you touch anything.

  2. 2

    Extend it with the cache plugin

    LiteSpeed Cache's lazy-load settings cover background images, iframes and the awkward edge cases, complete with placeholders. Configuration rather than code.

  3. 3

    Exclude the hero image

    The first visible image must load eagerly. Lazy-loading the LCP element delays the exact metric the technique is meant to improve, which is a strange own goal to score.

  4. 4

    Treat video embeds as the big win

    A YouTube iframe drags megabytes of player behind it. A click-to-load facade ships a thumbnail instead and defers all that weight until somebody actually presses play.

  5. 5

    Scroll through and watch

    Fast-scroll the page. Images should resolve just ahead of the viewport, and visible pop-in means the load-ahead threshold wants loosening a little.

In the Box

Packed with every plan

  • Site migration done for you by our staff, at no charge
  • The renewal price printed on the tag matches the order price
  • cPanel, the panel the rest of the trade already knows
  • Spam and virus filtering fitted to every mailbox
  • Upgrades apply to the account in place, with no move between plans
  • A 30-day money-back guarantee on every hosting plan
  • One-click installs for WordPress and 400+ other applications
  • NVMe SSD storage on every shelf, not just the top one
  • SSH, Git and Composer on the plans built for developers
  • A 99.9% uptime commitment, watched by monitoring day and night

Across the Counter

The questions we get asked most

Does lazy loading stop Google seeing my images?

No. Native lazy loading is fully crawlable, and Google renders the page and sees the deferred images. The old JavaScript-only schemes carried real risk; the modern attribute-based approach is explicitly search-friendly.

Why do images visibly pop in as I scroll?

The load margin is too tight, so images only start fetching as they touch the viewport. Raise the load-ahead threshold in the plugin so fetches start earlier, and placeholders will smooth over whatever is left.

Is there a refund if it does not suit?

Yes — thirty days. Put the hosting through real work, and if it is not right, ask for the money back and you get it; there is no retention script to survive first. Domain registrations are the one carve-out, because registries take that fee the moment the name is placed.

What if the site outgrows the plan I bought?

You move up in place. Plan changes are made from the client area with no migration and no downtime, and the range runs from small shared accounts through VPS to whole dedicated servers. Growing becomes a line change on your account rather than a hunt for a new host.

Does the price climb when the term is up?

No. What you pay to order is what you pay to renew, year after year. We do not run teaser rates, so there is no year-two ambush waiting in the calendar, and your bookkeeping can treat the hosting line as a fixed number.

Can one plan hold more than a single website?

From the Pro tier upward, yes — several sites, each with its own domain, mailboxes and certificate, all under one account. If those extra sites belong to clients rather than to you, reseller hosting is the better fit: it gives each one proper separation.

Which control panel comes with the account?

cPanel, which the whole trade already knows. That means every tutorial online matches what you see, your backups restore onto any cPanel host anywhere, and what you learn here stays useful for life. Plesk and DirectAdmin are stocked on specific plans for anyone who prefers them.

Packing up and moving host? Take our checklist.

A plain running order for a move nobody notices: what to copy first, how to carry email across without dropping a single message, when to point DNS, and the two slips behind nearly every hour of downtime we get called about.

One email carrying the checklist, then the odd note on running a site well. Step off the list whenever you like — our privacy policy spells out the rest.

Whenever you're ready to order.

Every plan carries the essentials other hosts ring up as extras — and support that actually replies.

See the plans