WEBVTT

00:00:00.000 --> 00:00:06.000
Must every image load straight away?

00:00:06.000 --> 00:00:13.000
Some off-screen content can wait until it is needed.

00:00:13.000 --> 00:00:18.000
Load the right things first.
6 lazy-loading checks.

00:00:18.000 --> 00:00:30.000
Start with the first view
Identify what visitors need as soon as the page opens.
Main heading · Important content · First visible image

00:00:30.000 --> 00:00:42.000
Defer suitable images
Pictures further down can load as visitors approach them.
Off-screen gallery · Later sections · Browser lazy loading

00:00:42.000 --> 00:00:54.000
Keep the main image eager
Lazy loading an important first image can delay it.
Hero image · Early discovery · Prompt loading

00:00:54.000 --> 00:01:06.000
Reserve the right space
Image dimensions help prevent content jumping around.
Width and height · Aspect ratio · Stable reading

00:01:06.000 --> 00:01:18.000
Review embedded players
Off-screen embeds can also add work to the first load.
Video player · Map embed · Suitable loading choice

00:01:18.000 --> 00:01:30.000
Scroll through the whole page
Check that images arrive in time on a slower connection.
Slow connection test · Images appear · No empty sections

00:01:30.000 --> 00:01:39.000
Your checklist
Start with the first view · Defer suitable images · Keep the main image eager · Reserve the right space · Review embedded players · Scroll through the whole page

00:01:39.000 --> 00:01:47.000
Make the first view useful and quick.
jerseyweb.je