Скорост на лендинг страницата и Core Web Vitals

Защо скоростта е важна за платения трафик?

Ако плащате на Google или Meta за трафик, всяка допълнителна секунда зареждане ви губи посетители, за които вече сте платили. В помощния център на Google Ads за мобилна скорост Google пише, че повече от половината посещения се прекратяват, ако мобилната страница зарежда над три секунди.

По-бързите страници и продават повече. В изследването Milliseconds Make Millions Google възлага на 55 и Deloitte да анализират 37 европейски и американски сайта на марки и над 30 милиона сесии. Подобрение на мобилната скорост с 0,1 секунди съвпада с 9,2% по-високи разходи на купувачите в търговията на дребно, 10% повече резервации в туризма и 21,6% повече посетители, стигнали до страницата за изпращане на форма, при генерирането на запитвания. Vodafone пуска A/B тест на лендинг страница, при който версия с 31% по-добър LCP носи 8% повече продажби.

Повечето съвети за скорост гонят SEO. Тази статия е за скоростта на лендинг страници с платен трафик. Ако искате по-широката картина защо първо се оправя страницата и после се вдига бюджетът, прочетете защо лендинг страницата е по-важна от рекламния бюджет.

Кои са Core Web Vitals през 2026?

Core Web Vitals на Google са три показателя, всеки с праг за „добро“:

• Largest Contentful Paint (LCP): колко бързо се появява основното съдържание. Добро е 2,5 секунди или по-малко.
• Interaction to Next Paint (INP): колко бързо страницата реагира, когато някой докосне или кликне. Добро е 200 милисекунди или по-малко. INP замени First Input Delay на 12 март 2024 г.
• Cumulative Layout Shift (CLS): колко подскача страницата, докато се зарежда. Добро е 0,1 или по-малко.

Google препоръчва да мерите всеки показател при 75-ия процентил на зарежданията, отделно за мобилни и десктоп устройства. Страницата минава, когато три от всеки четири реални посещения са в прага.

INP изненадва много екипи. Страницата може да зарежда бързо и пак да се усеща тромава, ако тежък скрипт блокира основната нишка точно когато посетителят натисне бутона ви.

Защо платените посетители напускат бавните страници по-бързо?

Органичните посетители са търсили, избрали са вашия резултат и очакват вашия сайт. Платените често идват по средата на скролването. Човекът, който докосне рекламата ви в Instagram, допреди секунда е гледал нещо друго. Човекът, който кликне резултат в Google Shopping, сравнява цени в момента. Ако страницата забави, той натиска „назад“, а вие сте платили клик с нулева конверсия.

Google използва качеството на рекламите и лендинг страницата и в Ad Rank, а опитът на лендинг страницата е една от трите части на Quality Score, който Google изчислява за всяка ключова дума. Google не публикува праг за скоростта в тази оценка, затова гледайте на конверсията като на основната причина да оправите скоростта.

Какво забавя лендинг страниците?

В повечето одити излизат едни и същи няколко проблема.

Скриптове на трети страни. Топлинни карти, чатове, инструменти за A/B тестове и анкети се трупат и всеки се бори за основната нишка. Преглеждайте Google Tag Manager всеки месец и махайте това, което никой не ползва.

Неоптимизирани снимки. Големи снимки в PNG от по няколко мегабайта. Продуктови галерии, които зареждат всички снимки наведнъж. Използвайте модерни формати (WebP, AVIF), адаптивен srcset и мързеливо зареждане под първия екран. Не зареждайте мързеливо голямата снимка горе, защото тя обикновено е LCP елементът.

JavaScript, който блокира изобразяването. Често се среща в Shopify теми, натъпкани с приложения, и в React проекти без разделяне на кода. Отложете всичко, което не е критично, и вградете само CSS-а, нужен за първия екран.

Собствени шрифтове. Три семейства с по пет дебелини. Използвайте font-display: swap и заредете предварително единствената дебелина, която ползва заглавието.

Банери за бисквитки. Тежка платформа за съгласие може да забави първото изобразяване. Изберете лека и я настройте да задържа неосновните тагове до съгласие, без да блокира страницата.

В какъв ред да оправяте проблемите със скоростта?

Работете в този ред, за да видите измерим резултат най-бързо:

1. Махнете ненужните скриптове. Безплатно, бързо и често най-голямата единична печалба.
2. Компресирайте и обновете снимките. Преобразувайте ги в WebP или AVIF, задайте размерите им и зареждайте мързеливо тези под първия екран.
3. Отложете некритичния JavaScript. Зареждайте скриптовете за анализи, чат и персонализация, след като страницата стане интерактивна.
4. Оправете шрифтовете. Заредете предварително една дебелина, останалите нека се сменят.
5. Проверете времето за отговор на сървъра. Насоките на Google определят добро Time to First Byte като 0,8 секунди или по-малко. Ако вашето е по-бавно, сменете хостинга или добавете CDN преди всичко друго от списъка.
6. Вградете критичния CSS. По-малък ефект, но си струва за шаблоните, които поемат по-голямата част от платения трафик.

Как да измерите скоростта при реални посетители?

Оценките от Lighthouse на вашия лаптоп в офисния Wi-Fi ви ласкаят. Посетителите ви ползват Android телефони от среден клас на нестабилен 4G. Гледайте полевите данни:

• Chrome User Experience Report (CrUX) за данни от реални посещения на домейна ви. CrUX покрива само страници и домейни с достатъчно посетители, така че нова лендинг страница може още да не се появява там.
• PageSpeed Insights за лабораторни данни и, където CrUX ги има, полеви данни за конкретния URL.
• Google Analytics 4 с библиотеката web-vitals. GA4 не отчита Core Web Vitals сам. Добавяте библиотеката web-vitals и пращате показателите към GA4, след което ги разделяте по източник на трафик.

Поставете на платените лендинг страници по-строги цели, отколкото на блога.

Как изглежда бързата лендинг страница за платен трафик?

Това са целите, по които правим лендинг страниците за платен трафик:

• Общ размер на страницата под 1,5MB.
• LCP под 2 секунди на 4G връзка.
• Нито един скрипт на трета страна не се задейства, преди страницата да стане интерактивна.
• Голямата снимка се зарежда предварително и има зададени ширина и височина.
• Един призив за действие на първия екран, без въртележка и без видео, което тръгва само със звук.

Ако сегашният ви шаблон не може да стигне тези числа, направете платените лендинг страници на по-лека основа и оставете основния сайт какъвто е. Точно такава работа покрива изработката на лендинг страници и CRO. Ако бавен е целият сайт, вижте изработката на сайт. За онлайн магазини същата работа е част от рекламата за онлайн магазин.

Скоростта е една проверка от пълния преглед на страницата. Нашият одит на лендинг страница в 9 точки покрива останалите осем.

Често задавани въпроси

Кои са трите Core Web Vitals?

Largest Contentful Paint (зареждане), Interaction to Next Paint (реакция) и Cumulative Layout Shift (визуална стабилност). Добрите стойности са 2,5 секунди или по-малко, 200 милисекунди или по-малко и 0,1 или по-малко.

First Input Delay още ли е част от Core Web Vitals?

Не. Interaction to Next Paint замени First Input Delay като Core Web Vital на 12 март 2024 г.

Влияе ли скоростта на страницата на разходите в Google Ads?

Google използва качеството на лендинг страницата в Ad Rank, а опитът на лендинг страницата е част от Quality Score. Google не публикува колко тежи скоростта в тази оценка. По-ясният разход са изгубените конверсии: плащате за кликове, които си тръгват, преди страницата да зареди.

Какъв LCP е добър за лендинг страница?

Прагът на Google за „добро“ е 2,5 секунди или по-малко при 75-ия процентил на посещенията. За платени лендинг страници се целете под 2 секунди на мобилна връзка.

Защо оценката в PageSpeed Insights се различава от данните за реални потребители?

Оценката идва от един лабораторен тест на симулиран хардуер. Полевите данни от CrUX отразяват реални посещения за последните 28 дни. Съдете за страницата по полевите данни и търсете проблемите с лабораторните.