Skip to main content

Walkthrough · Beginner · 15 minutes

How to Lazy Load Images and Video

Withhold offscreen media until the reader has nearly scrolled to it — a hands-on walkthrough in plain words that names the classic mistake before you reach it.

View Web Hosting plansBrowse more How-To Library

The short answer

One line covers it: withhold offscreen media until the reader has nearly scrolled to it — a beginner-level job of roughly 15 minutes.

Below are the precise steps, the classic stumble, and one tip from the support desk. Wherever the platform already does a step for you, the guide says so rather than handing you a machine's chores.

By the Hosting & Domains team · Reviewed 18 August 2026

Beginner

Skill rating

15 minutes

Time budget

5

Steps in total

24/7

Support on call

No prior knowledge assumed — a hosting account, a browser and 15 minutes of attention is the whole entry requirement. Every instruction runs on our platform exactly as printed, and carries over to any standard cPanel host.

A promise before step one: nothing here is a one-way door. Any step with teeth is flagged, and the way back is printed beside it.

The outline first, then the detail

The work falls into a few clean stages: start with the native mechanism, cover the gaps with litespeed cache, keep the hero image eager, go after video embeds for the big win and scroll the page and watch.

Every stage is a few minutes of unhurried clicking — the total depends mostly on how well you already know the control panel. The detailed instructions are further down; read the whole path once before you begin.

The error nearly everyone hits

Applying lazy load with no exceptions. Put the hero behind it and that image waits on JavaScript before its first byte even starts, which pulls LCP backwards. Below the fold this trick pays; above it, it charges.

It earns a section of its own because it is no obscure edge case — it is the single commonest reason this task reaches a support queue. Knowing it in advance turns the whole job from risky into routine.

The support desk's own short cut

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

A minute spent now repays itself every time this job comes round again — and like almost every hosting job, come round it will.

Where this platform takes work off you

Steps that never deserved your time are taken out: certificates issue and reissue themselves, the installer handles application setup, the daily copy absorbs the what-ifs, and per-site settings live in a panel rather than a configuration file. The guide covers the remainder — the part that is actually about your site.

Should a step still misfire, support answers at any hour with an actual fix rather than a knowledge-base link and a shrug. Half the guides on this site began as repeat patterns in our ticket queue.

Timing a page load the way the person waiting on it experiences the wait

The hosting these steps were tested on

Every walkthrough in this library is run on the platform we actually operate — cPanel, LiteSpeed, NVMe, one-click installs — so the instructions match your screen rather than gesturing at it from a distance.

A free SSL certificate comes with every plan and reissues itself before the old one lapses — the padlock is never yours to diarise.

  • Every step checked exactly as published
  • The snag named before it arrives
  • The dull steps taken out of your way
  • People reachable at any hour you stall

Why Hosting & Domains

Standard on every plan

Honest about how big it is

Withhold offscreen media until the reader has nearly scrolled to it is a beginner-level job — set aside 15 minutes, with the platform-absorbed steps marked.

The dull parts automated

SSL, backups and installs look after themselves here, leaving the guide to cover only what is genuinely yours.

Works exactly as printed

Every step is proven on the platform we run — none of the 'your host may vary' hedging.

Every undo written out

Any step that could bite is marked, together with the exact way to wind it back.

The snag, flagged up front

The classic error for this particular task is named before step one, which is how 15 minutes stays 15 minutes.

5 steps, nothing padded

Each stage is a few minutes of steady clicking, and the fiddly moments are labelled fiddly.

Quick Start

Order placed to site online

  1. 1

    Start with the native mechanism

    loading=lazy on images and iframes is built into every browser, and WordPress already applies it to most images. Your baseline works before you lift a finger.

  2. 2

    Cover the gaps with LiteSpeed Cache

    Background images, iframes and the awkward edge cases are all within reach of LiteSpeed Cache's lazy-load settings, placeholders as well. Configuration rather than code.

  3. 3

    Keep the hero image eager

    Never defer what the visitor sees first. Put the LCP image behind lazy loading and you slow the very measurement this exercise was meant to improve.

  4. 4

    Go after video embeds for the big win

    One YouTube iframe drags megabytes of player code along with it. A click-to-play facade shows a thumbnail instead and postpones all that weight until somebody actually presses play.

  5. 5

    Scroll the page and watch

    Scroll quickly from top to bottom. Images should appear just ahead of the viewport, and visible pop-in means the load-ahead margin wants widening a little.

Built In

Fitted to every plan

  • Upgrades applied in place, with no migration when you change plan
  • Money back within 30 days on hosting plans, 7 on reseller
  • No set-up charge at any point, and no joining fee
  • Your existing site brought across by our engineers, at no charge
  • The name's first year included when you order annually
  • SSH, Git and Composer on the developer plans
  • Webmail in the browser plus IMAP, POP and SMTP for any client
  • WebP image optimisation built in, at no extra charge
  • WordPress Toolkit, with the updates seen to for you
  • Mailboxes that answer at the name you hold

Frequently Asked

The questions that come up most

Will lazy loading hide images from Google?

It will not. Native lazy loading is entirely crawlable, since Google renders the page and registers the deferred images. Old JavaScript-only schemes carried real risk; the modern attribute approach is explicitly search-safe.

Why do images visibly snap in as I scroll?

The load margin is too narrow, so fetching only starts as images reach the viewport. Increase the load-ahead threshold in the plugin so requests fire sooner, and placeholders smooth over whatever is left.

What is the refund position if I change my mind?

Shared, business, WordPress and WooCommerce hosting get thirty days, and reseller gets seven. VPS and dedicated servers are built to order the moment payment lands, so they sit outside the guarantee — as do domain registrations, where the registry charges the instant the name is secured. Inside the window one request returns the hosting fee, with no retention script to sit through.

What happens when I outgrow the plan?

You upgrade 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 full dedicated machines. Growth becomes a setting on the account rather than a search for a new host.

Keep reading

Changing hosts? Run through our checklist first.

A plain order of work for a move nobody visiting will notice: which files go over first, how to carry the mail across without losing a message, when exactly to repoint DNS, and the two mistakes behind nearly every outage we are asked to rescue.

What arrives is the checklist, and then the occasional note on keeping a site quick. Leave whenever you like; the privacy policy covers the rest.

Register it, then build on it.

Every plan carries the essentials other hosts bill as extras — and support that answers.

View Web Hosting plans