The Ignis team reviewing work in the studio

The landing page speed tax

Every second of load time is paid for twice: once in bounced visitors and once in a higher cost per click. On paid traffic it is the most expensive thing on the page.

A slow landing page is not a technical issue. It is a line item.

You are paying for the click, and a portion of the people you paid for leave before anything renders. Then the platform notices the experience and charges you more for the next click.

Where the cost shows up

Bounced paid clicks. The visitor left before the page was usable. You paid, they saw nothing, nobody is at fault in the dashboard.

Higher cost per click. Both major platforms factor landing page experience into what they charge. A slow page costs more per click for the same position.

Lower conversion rate on the people who stay, because a page that stutters while loading loses people during the interaction as well as before it.

Mobile worst of all, which is where most of the traffic is.

Those four compound. A page twice as slow as it needs to be can easily cost a third of the campaign's efficiency, and it will never appear as a line in a report.

What usually causes it

Hero images at full resolution. A photograph exported at four thousand pixels wide and displayed at eight hundred. The single most common cause and the easiest to fix.

Video autoplaying in the hero, loading megabytes before anything else can.

Fonts loading from elsewhere, blocking text from rendering until they arrive.

Tag managers loading everything synchronously. Chat widget, heatmap tool, two analytics platforms, three pixels, a review widget, all before the page is interactive.

A client rendered page, where the visitor downloads a framework, which then requests the content, which then renders. Three round trips before anything appears.

Layout shifting as things arrive, so the page appears ready, the visitor goes to click, and the button moves.

Fix them in this order

Images first. Correct dimensions, modern format, compressed, with explicit width and height so nothing shifts. On most pages this alone is the majority of the problem.

Remove tags you are not using. Most accounts are carrying scripts from tools nobody has logged into for a year. Each one costs load time on every visit.

Defer what is not needed immediately. Chat widgets, heatmaps and review embeds do not need to load before the page is readable.

Serve the content from the server, so text and the main image arrive in the first response rather than after a framework boots.

Self host the fonts, subset to what you use, with a fallback that displays immediately.

Lazy load anything below the fold, which on a long landing page is most of it.

Measure what the visitor experiences

Lab scores on a fast connection are not the measurement. Field data from real visits is.

Three things matter: how long until the main content appears, how long until the page responds to a tap, and how much the layout moves while loading. Those are measurable from real traffic and they are what the platforms are reading.

And measure on mobile, on a mid-range device, on a mobile network. The desktop number on an office connection is the number that makes slow pages look fine.

The decision it usually forces

Most of the time this is a fix rather than a rebuild. Images, tags and fonts handle it.

Where it is a rebuild is when the page is client rendered by architecture and the content cannot arrive in the first response. That is a build decision rather than an optimisation, and on a page carrying paid traffic the arithmetic usually favours rebuilding the page rather than continuing to pay the tax on every click.

Written by David Eid. Published .