Landing Page Speed: Core Web Vitals Explained for Founders, and What to Fix First

A visitor from an ad has no patience in reserve. They clicked out of curiosity, they are on a phone, and if the screen stays white, they go back to the search results. You paid for the click, but the person never saw the page.

Google measures how a page feels to a real person with three indicators called Core Web Vitals. They are worth understanding even if you never touch code: they show where exactly the page is slow.

Three indicators in plain words

IndicatorWhat it measuresGood, according to Google
LCP — Largest Contentful PaintHow quickly the main thing on the first screen appears: the headline or the large image2.5 seconds or less
INP — Interaction to Next PaintHow quickly the page responds when you tap a button or a field200 milliseconds or less
CLS — Cumulative Layout ShiftWhether the content jumps while the page loads0.1 or less

The thresholds are taken from Google's documentation. Google evaluates them on real visits: a page is considered good when at least 75% of visits fit within the threshold.

How to check your page

  1. Open PageSpeed Insights (pagespeed.web.dev) and paste the address of the landing page — not the homepage, but the page the ads lead to.
  2. Look at the mobile tab first. Most paid traffic comes from phones, and the mobile result is almost always worse.
  3. At the top are the data from real users, if the page has enough visits. Below is a laboratory test: it is useful for finding causes, but real-user data matters more.
  4. Scroll to the list of recommendations. It is sorted by how much time each fix can save.

Do not chase the score of 100. The goal is that all three indicators are in the green zone on mobile. After that, further optimization gives little.

What slows landing pages down most often

Slow first screen (LCP)

  • A heavy image or video on the first screen. A multi-megabyte picture exported straight from the design tool. Fix: modern formats (WebP, AVIF), dimensions matching the screen, a poster image instead of an autoplaying video.
  • The main image is loaded lazily. Lazy loading is good for pictures below; the first-screen image should load immediately.
  • Many fonts. Each weight is a separate file. Two or three are usually enough.
  • Scripts in the way. Chats, widgets and trackers loaded before the content. Fix: load them after the page is shown.

Slow response (INP)

  • Too many third-party scripts. Several analytics systems, a heat map, a chat, a pop-up tool — each takes its share of the phone's processor. Keep the ones you actually look at.
  • Heavy animations. Effects tied to scrolling that recalculate on every movement. Fix: simpler effects, and only while the block is on screen.

Jumping content (CLS)

  • Images without specified dimensions. The browser does not know how much space to leave, and the text jumps when the picture arrives.
  • Banners inserted on top. A cookie notice or a promo bar that pushes the whole page down — and the button moves out from under the finger.
  • Late-loading fonts. The text is redrawn in a different width, and the lines shift.

Where to start

If time is short, go in this order — from the largest effect to the smallest:

  1. Compress and resize the first-screen image; remove lazy loading from it.
  2. Remove scripts and widgets you do not use, postpone the rest.
  3. Set dimensions for all images and reserve space for banners.
  4. Reduce the number of fonts and weights.
  5. Check again in PageSpeed Insights — on mobile.

Does the platform matter?

Less than people think. A fast page can be built on Framer, on Webflow and in plain code — and a slow one too. The speed is decided by what is put on the page: image weight, the number of scripts, the complexity of animations. The platform only sets how easy it is to keep this under control.

Speed is also not a goal in itself. A fast page with an unclear offer will not bring leads. But a slow page loses visitors before they read the offer — so speed is the first thing to rule out.

Is Your Page in the Red Zone?

Speed is one of the six areas we check and fix in Audit & Fix ($990, 5 working days) — together with conversion, usability, design, search and analytics, with a before/after report. Or send the link for a free teardown: a written reply within 2–3 hours.

See Audit & Fix → 💬 Send Your Link on WhatsApp

In short

  • Three indicators: LCP — how fast the main thing appears (up to 2.5 s), INP — how fast the page responds (up to 200 ms), CLS — whether the content jumps (up to 0.1).
  • Check the ad landing page in PageSpeed Insights, on the mobile tab.
  • The usual causes: a heavy first-screen image, extra scripts, images without dimensions.
  • The goal is the green zone on mobile, not a score of 100.

Скорость лендинга: Core Web Vitals простыми словами и что исправлять в первую очередь

У посетителя из рекламы нет запаса терпения. Он кликнул из любопытства, он с телефона, и если экран остаётся белым — возвращается к результатам поиска. За клик вы заплатили, а страницу человек так и не увидел.

Google измеряет, какой страница ощущается для живого человека, тремя показателями — Core Web Vitals. В них стоит разобраться, даже если вы никогда не открываете код: они показывают, где именно страница тормозит.

Три показателя простыми словами

ПоказательЧто измеряетХорошо, по версии Google
LCP — Largest Contentful PaintКак быстро появляется главное на первом экране: заголовок или большая картинка2,5 секунды или меньше
INP — Interaction to Next PaintКак быстро страница отвечает на нажатие кнопки или поля200 миллисекунд или меньше
CLS — Cumulative Layout ShiftПрыгает ли содержимое, пока страница грузится0,1 или меньше

Пороги взяты из документации Google. Google оценивает их по настоящим посещениям: страница считается хорошей, когда в порог укладываются не меньше 75% посещений.

Как проверить свою страницу

  1. Откройте PageSpeed Insights (pagespeed.web.dev) и вставьте адрес лендинга — не главной, а той страницы, на которую ведёт реклама.
  2. Сначала смотрите вкладку для мобильных. Большая часть платного трафика приходит с телефонов, и мобильный результат почти всегда хуже.
  3. Вверху — данные настоящих пользователей, если у страницы достаточно посещений. Ниже — лабораторный тест: он помогает искать причины, но данные настоящих пользователей важнее.
  4. Прокрутите до списка рекомендаций. Он отсортирован по тому, сколько времени может сэкономить каждая правка.

Не гонитесь за оценкой 100. Цель — чтобы все три показателя были в зелёной зоне на телефоне. Дальнейшая оптимизация после этого даёт мало.

Что чаще всего тормозит лендинги

Медленный первый экран (LCP)

  • Тяжёлая картинка или видео на первом экране. Изображение на несколько мегабайт, выгруженное прямо из графического редактора. Что делать: современные форматы (WebP, AVIF), размеры под экран, картинка-заставка вместо видео с автозапуском.
  • Главная картинка грузится отложенно. Отложенная загрузка хороша для картинок ниже; изображение первого экрана должно грузиться сразу.
  • Много шрифтов. Каждое начертание — отдельный файл. Обычно хватает двух-трёх.
  • Скрипты на пути. Чаты, виджеты и счётчики, которые грузятся раньше содержимого. Что делать: загружать их после показа страницы.

Медленный отклик (INP)

  • Слишком много сторонних скриптов. Несколько систем аналитики, карта кликов, чат, сервис всплывающих окон — каждый забирает свою долю процессора телефона. Оставьте те, в которые вы действительно смотрите.
  • Тяжёлые анимации. Эффекты, привязанные к прокрутке, которые пересчитываются при каждом движении. Что делать: эффекты проще и только пока блок на экране.

Прыгающее содержимое (CLS)

  • Картинки без заданных размеров. Браузер не знает, сколько места оставить, и текст прыгает, когда картинка догружается.
  • Баннеры, вставленные сверху. Уведомление о cookie или промо-полоса сдвигают всю страницу вниз — и кнопка уезжает из-под пальца.
  • Шрифты, которые грузятся поздно. Текст перерисовывается с другой шириной, и строки смещаются.

С чего начать

Если времени мало, идите в таком порядке — от самого большого эффекта к меньшему:

  1. Сожмите и уменьшите картинку первого экрана; уберите с неё отложенную загрузку.
  2. Удалите скрипты и виджеты, которыми не пользуетесь, остальные отложите.
  3. Задайте размеры всем картинкам и оставьте место под баннеры.
  4. Сократите число шрифтов и начертаний.
  5. Проверьте ещё раз в PageSpeed Insights — на вкладке для мобильных.

Важна ли платформа?

Меньше, чем принято думать. Быструю страницу можно собрать на Framer, на Webflow и на чистом коде — и медленную тоже. Скорость определяется тем, что положено на страницу: весом картинок, числом скриптов, сложностью анимаций. Платформа лишь задаёт, насколько легко держать это под контролем.

И скорость — не самоцель. Быстрая страница с непонятным оффером заявок не принесёт. Но медленная страница теряет посетителей ещё до того, как они прочитают оффер, — поэтому скорость стоит исключить первой.

Ваша страница в красной зоне?

Скорость — одно из шести направлений, которые мы проверяем и исправляем в «Аудите и доработке» ($990, 5 рабочих дней) — вместе с конверсией, удобством, дизайном, поиском и аналитикой, с отчётом «до/после». Или пришлите ссылку на бесплатный разбор: письменный ответ за 2–3 часа.

Подробнее об «Аудите и доработке» → 💬 Отправить ссылку в WhatsApp

Коротко

  • Три показателя: LCP — как быстро появляется главное (до 2,5 с), INP — как быстро страница отвечает (до 200 мс), CLS — прыгает ли содержимое (до 0,1).
  • Проверяйте страницу, на которую ведёт реклама, в PageSpeed Insights на вкладке для мобильных.
  • Обычные причины: тяжёлая картинка первого экрана, лишние скрипты, картинки без размеров.
  • Цель — зелёная зона на телефоне, а не оценка 100.