Guide

Make a landing page load fast

A visitor from an ad sees a blank screen until the browser has what the page waits for. Find what that is, have your AI app change it, and check what is left before the page goes live.

Steps

  1. See what the page waits for. Paste the page’s HTML into the free page weight checker. It names the scripts, stylesheets, fonts and images that hold up the first view, and puts each finding into a prompt.
  2. Ask your AI app to change it. One finding at a time is easiest to check. Say that nothing a visitor sees should change, so the page gets faster and stays the page you approved.
  3. Look at the draft on your phone. Copy the page’s review link in Pagestra and open it on your phone. Your ad’s visitors arrive on phones, often away from wifi.
  4. Publish, and read what is left. The publish dialog, and your AI app before it asks you to publish, name the same findings as the checker. They are advice and never stop a publish, so you decide what can wait.

Each finding, and what to ask

The limits are the ones the checker and the publish checks use.

Scripts in the head

The browser stops to load and run each one before it shows anything.

Add defer to every script in the head of my landing page, or move it to the end of the body. Check the page still works afterwards.

Images written into the HTML

Images saved inside the HTML as data, over 20 KB in all, download before the page can show, and no other page can reuse them.

Save every image written into my landing page’s HTML as data as its own image file, and point the page at the files.

A large HTML file

Past 300 KB, the HTML alone takes a while on a phone, before any image, script or font loads.

Move the large inline styles, scripts and images out of my landing page’s HTML into their own files.

Many stylesheets

The page shows only once every stylesheet has loaded. More than 3 is worth combining.

Combine my landing page’s stylesheets into one file, without changing how the page looks.

Many web fonts

Text in each font waits for that font. More than 4 is a lot for one page.

Use two or three web fonts on my landing page at most, and keep only the weights it uses.

Images without a size

An image with no width and height pushes the page down as it arrives, so a visitor about to tap a button taps something else.

Give every image on my landing page its width and height, so nothing moves as the page loads.

Images below the first screen

Images after the first 3 that load straight away compete with the ones a visitor sees first.

Add loading="lazy" to every image on my landing page below the first screen.

Send ad traffic through a funnel
Entry links for each ad network, split tests and rules, action links on buttons, and revenue per visitor from your checkout’s postback.
Find the ad that made the sale
Each network’s macros in the ad’s link, a funnel that keeps them, and a postback that credits the sale to the visit. Then revenue by campaign and ad.

All guides

Your AI app writes it. Pagestra checks it before it goes live.

Start free

Free to start. No card needed.