Keep the first screen light

Transcript

A slow first screen is a design problem. People leave before they read.

The usual weight is a photo far larger than its slot, several font files, or video that plays by itself.

Google's published good line for the largest thing in view is 2.5 seconds or less. That is a target, not a promise about ranking.

Fix the heaviest image first. Then stop adding widgets you cannot explain.

You can look at a page in PageSpeed Insights and in the browser network panel.

A slow first screen is a design problem. People leave before they read.

The usual weight is a photo far larger than its slot, several font files, or video that plays by itself.

Google's published good line for the largest thing in view is 2.5 seconds or less. That is a target, not a promise about ranking.

Fix the heaviest image first. Then stop adding widgets you cannot explain.

You can look at a page in PageSpeed Insights and in the browser network panel.

Try this. Name the largest image on your first screen. Plan to export it smaller.

• I know the heaviest image.
• I am not autoplaying video.
• I am using one or two font files.

Quick check

Pick one answer. You get the explanation right away.

A common reason a page feels slow is:

Photos much larger than they are shownYes. Extra pixels are pure weight.Empty spaceNo. Look at the screen again and pick the choice that matches what you see.One fontNo. Look at the screen again and pick the choice that matches what you see.

A published good line for the largest paint is:

2.5 seconds or lessYes. That is Google's published threshold for LCP.10 secondsNo. Look at the screen again and pick the choice that matches what you see.There is no numberNo. Look at the screen again and pick the choice that matches what you see.

Video that plays by itself is:

Often heavy and distractingYes. A still photo is usually enough.RequiredNo. Look at the screen again and pick the choice that matches what you see.A replacement for alt textNo. Look at the screen again and pick the choice that matches what you see.

Mark lesson complete