Когда маркетолог или основатель смотрит на свой сайт с офисного MacBook по скоростному оптоволоконному интернету, все кажется идеальным: страница открывается за секунду, анимации плавно выезжают, шрифты четкие.
Но ваши клиенты не сидят в вашем офисе.
Они кликают по рекламному объявлению в Яндекс Директе со смартфона, стоя в пробке, спускаясь в метро или находясь за городом на нестабильном 3G/4G-соединении. И в этот момент каждый лишний килобайт скриптов превращается в потерянные рубли рекламного бюджета.
По данным глобального исследования Portent по влиянию скорости на продажи, сайт, который загружается за 1 секунду, имеет конверсию в 3 раза выше, чем сайт, загружающийся за 5 секунд. А разница между 1 и 3 секундами режет конверсию практически вдвое.
В этой статье разберем инженерную анатомию: почему даже пустой сайт на Tilda весит больше полноценного кодового проекта, что на самом деле скрывается за оценкой Google PageSpeed и как технический стек влияет на окупаемость рекламы.
Анатомия скорости: что происходит в браузере при клике по ссылке
Чтобы понять разницу между no-code конструктором и заказным кодом, нужно посмотреть на путь данных от сервера до экрана пользователя:
- TTFB (Time to First Byte): Время, за которое сервер отдает первый байт HTML-документа.
- FCP (First Contentful Paint): Момент, когда на экране появляется первый осмысленный контент (заголовок, логотип).
- LCP (Largest Contentful Paint): Отрисовка самого крупного смыслового блока на первом экране (главный заголовок, баннер, форма). Это ключевой фактор ранжирования Google и Яндекса.
- TBT / INP (Total Blocking Time / Interaction to Next Paint): Время, в течение которого процессор смартфона заблокирован тяжелыми вычислениями и не реагирует на нажатия кнопок.
Почему Tilda неизбежно проигрывает чистому коду по скорости
Tilda — прекрасный редактор для быстрой сборки. Но плата за универсальность — чудовищный объем служебного кода, который платформа обязана загружать «на всякий случай».
1. Балласт неиспользуемого JavaScript (Dead Code)
Чтобы конструктор понимал, как отобразить любой из 500 возможных стандартных блоков, в код страницы подгружаются общие библиотеки:
- Движок форм Tilda;
- Скрипты галерей и слайдеров;
- Библиотеки кастомных анимаций;
- Детекторы устройств и служебные polyfill-скрипты.
Даже если на вашем лендинге всего один экран с текстом и кнопкой, браузер посетителя скачивает и парсит мегабайты служебного JavaScript. На десктопе мощный процессор «переваривает» это за долю секунды. На бюджетном смартфоне слабый чип замирает на 2–3 секунды, просто разбирая этот код. Пользователь пытается нажать на кнопку заявки, но экран «заморожен» (высокий показатель TBT). Подобные скрытые препятствия подробно разобраны в статье про ошибки в формах и барьеры конверсии.
2. Избыточное DOM-дерево
Tilda генерирует глубокую вложенность тегов: div внутри div, который лежит внутри другого div. Чтобы нарисовать одну текстовую строку в Zero Block, платформа создает до 8–12 вложенных контейнеров. Браузеру требуется значительно больше памяти, чтобы рассчитать геометрию страницы и перерисовать ее при скролле.
3. Ограничения сжатия и серверного кэширования
На Tilda вы находитесь в рамках общей инфраструктуры сервиса. Вы не можете тонко настроить современные алгоритмы сжатия (Brotli максимальной компрессии), использовать серверные воркеры или тонкую предзагрузку критических ресурсов (Critical Resource Preloading).
Как устроен современный сайт на чистом коде (на примере Astro)
Когда мы разрабатываем сайты на современном стеке (в частности, на фреймворке Astro), мы используем концепцию Islands Architecture (Островная архитектура):
- Zero-JS по умолчанию: Вся страница компилируется в абсолютно чистый, легковесный HTML и CSS. Если на странице нет интерактивных виджетов (например, статичный текстовый блок, таблица или кейс), браузер вообще не загружает ни единой строчки JavaScript.
- Изолированные острова интерактивности: Скрипты подключаются только к тем элементам, которым они жизненно необходимы (например, всплывающее окно калькулятора или контактная форма). Причем скрипт подгружается только тогда, когда пользователь доскроллил до этого элемента (
client:visible). - Мгновенный отклик (LCP до 0.8 секунд): Страница отображается мгновенно, без скачков макета (CLS = 0) и без задержек ввода.
- Google PageSpeed 98–100 баллов: Причем как на десктопе, так и на мобильных устройствах.
Ознакомиться с архитектурным подходом и посмотреть живые замеры можно в нашем разделе разработка быстрых сайтов на коде.
Как медленный сайт сжигает рекламный бюджет бизнеса
Многие предприниматели считают скорость «забавой для программистов»: мол, какая разница, загрузится сайт за 1.2 секунды или за 3.8 секунды, главное — чтобы оффер был сильным.
В реальности медленный сайт бьет напрямую по трем статьям бюджета:
1. Отвалы мобильного трафика до инициализации Метрики
Если страница открывается дольше 4 секунд, до 25% пользователей нажимают кнопку «Назад» в браузере еще до того, как загрузится счетчик Яндекс Метрики. В отчетах рекламы вы видите списанные деньги за клик, а в веб-аналитике визита просто нет. Деньги сгорели в пустоту.
2. Рост показателя отказов (Bounce Rate)
Пользователи, у которых первый экран дергается и долго подгружает картинки, не вчитываются в предложение. Они закрывают вкладку в первые 10 секунд. Для Яндекс Директа это сигнал: посадочная страница не удовлетворяет пользователя.
3. Снижение коэффициента качества страницы в рекламе
Алгоритмы рекламных систем учитывают скорость посадочной страницы. Для медленных сайтов аукцион Директа выставляет повышающий коэффициент: вы платите за каждый клик на 15–30% дороже конкурентов, у которых сайт открывается мгновенно.
Сравнительная таблица производительности
| Параметр | Типовой сайт на Tilda | Оптимизированный сайт на коде (Astro) |
|---|---|---|
| Объем передаваемого JS | 800 КБ — 2.5 МБ | 0 — 45 КБ (только интерактивные кнопки) |
| Оценка Google PageSpeed (Mobile) | 45 — 70 / 100 | 96 — 100 / 100 |
| Время отрисовки первого экрана (LCP) | 2.8 — 4.5 сек | 0.6 — 1.1 сек |
| Блокировка процессора (TBT) | 350 — 900 мс | 0 — 30 мс |
| Влияние на конверсию в заявку | Теряет до 20–30% мобильных лидов | Максимальная отдача с каждого клика |
Более подробное сравнение бизнес-моделей и стоимости владения смотрите в нашей базовой статье Tilda или сайт на коде: честное руководство для бизнеса.
Вопросы и ответы (SEO FAQ)
Можно ли разогнать Tilda до 90+ баллов в Google PageSpeed на мобильных?
Для простого лендинга из базовых блоков без видео, без кастомных шрифтов и с минимальной графикой можно приблизиться к 75–80 баллам. Но если на сайте используются Zero Block, сложные анимации, сторонние калькуляторы и онлайн-чаты, поднять оценку на смартфонах выше 60–65 баллов технически невозможно из-за закрытого ядра движка платформы.
Влияет ли оценка Google PageSpeed на позиции в Яндексе?
Да. Яндекс оценивает так называемый «индекс скорости сайта» и поведение реальных пользователей. Если мобильные пользователи массово возвращаются в поисковую выдачу из-за долгого открытия страниц, поведенческие факторы сайта ухудшаются, и ресурс постепенно теряет позиции в топе.
Почему у меня сайт на Tilda открывается быстро, а PageSpeed ругается?
Вы открываете сайт с быстрого устройства и, скорее всего, страница уже закэширована в вашем браузере. PageSpeed эмулирует реального нового посетителя на среднем мобильном устройстве со стандартным 4G-соединением, фиксируя реальные задержки рендеринга и блокировки процессора.
Как перенести сайт с Tilda на код для ускорения?
Дизайн и структура переверстываются на чистом семантическом коде (Astro, Tailwind, чистый CSS). Визуально страница выглядит точно так же (или аккуратнее), но избавляется от сотен килобайт лишних скриптов, начинает открываться мгновенно и получает 100/100 в сервисах аналитики скорости.