Скорость сайта на Тильде: исследование на нашей главной
Коротко
Тильда сжимает файлы и раздаёт их с быстрых серверов, поэтому медленный сайт на Тильде почти всегда замедлен содержимым страницы. Мы проверили это на собственной главной: 112 блоков, 2,3 МБ HTML и оценка PageSpeed 43 на телефоне.
Ниже – что мы нашли, что исправили без изменения дизайна и какие популярные советы не сработали.
Исходные данные: что внутри страницы
Главная luckyleads.ru – одна из самых тяжёлых страниц сайта. Замер 1 октября 2026 года:
| Показатель | Значение |
|---|---|
| Блоков на странице | 112, из них 38 Zero-блоков и 33 карточки кейсов-алиасов |
| Вес HTML | 2,3 МБ, после сжатия при передаче – 231 КБ |
| Стили Zero-блоков внутри HTML | 1,3 МБ – больше половины страницы |
| Элементов DOM | 4 305 |
| Элементов с пошаговыми анимациями | 191 |
| PageSpeed, телефон | 43 (FCP 3,5 с, LCP 4,8 с, TBT 1 620 мс, CLS 0) |
PageSpeed главной до правок: 43 балла на телефоне
Из 7,8 секунды работы процессора телефона 2,6 секунды ушло на скрипты, 1,8 секунды – на расчёт стилей и раскладки. Сеть при этом не главная проблема: HTML сжимается в 10 раз.
Что замедляет сайт на Тильде: пять причин
1. Стили Zero-блоков
Тильда пишет стили каждого элемента Zero-блока для каждого из пяти разрешений. Первый экран из 16 элементов на нашей главной занимает 76 КБ CSS. Браузер разбирает эти стили до того, как покажет страницу.
2. Пошаговые анимации
Анимации "по шагам" (SBS) обрабатывает отдельная библиотека Тильды. На главной их 191: появление блоков при прокрутке, бегущие строки, вращение значка. Библиотека заняла 0,4–0,6 секунды процессора, ещё 0,2 секунды – вспомогательный модуль анимаций.
Время выполнения скриптов Тильды: модуль Zero – 652 мс, пошаговые анимации – 584 мс
3. Сторонние библиотеки
Один эффект – подсветка текста по строкам – подключал GSAP, ScrollTrigger и SplitType. В одном из замеров GSAP занял 1,7 секунды процессора. Счётчик Яндекс Метрики – ещё около секунды.
Сторонние скрипты: GSAP – 1 671 мс, Яндекс Метрика – 1 064 мс
4. Количество Zero-блоков
Каждый Zero-блок инициализируется скриптом Тильды. 12 блоков главной состояли из одного заголовка – это 12 лишних инициализаций.
5. Изображения
На главной они были уже оптимизированы (WebP, отложенная загрузка), поэтому в нашем случае причиной не стали. На большинстве сайтов, которые нам присылают на аудит, изображения – причина номер один.
PageSpeed: 228 анимированных элементов и 11 длительных задач
Правки без изменения дизайна
Условие было одно: каждый элемент дизайна, ритм, типографика, цвета и анимации остаются. Поэтому все правки шли на копии главной, закрытой от индексации.
Отложенная отрисовка блоков
52 блокам ниже первого экрана поставили CSS-свойство content-visibility: браузер отображает блок, только когда до него доходит прокрутка. Чтобы страница не прыгала, высоту каждого блока задали для пяти разрешений. Блоки с меню, попапами и выступающими элементами исключили – свойство обрезало бы их.
Свой скрипт вместо пошаговых анимаций
Скрипт снимает настройки анимаций с элементов до запуска библиотеки Тильды и воспроизводит те же анимации средствами браузера: появление при прокрутке, сдвиг, бегущие строки, вращение, наведение. Параметры – те же, что задал дизайнер в редакторе Zero.
Результат. Лучший замер копии – 60 баллов против 43 и 51 у оригинала, блокировка основного потока – 390 мс против 360–1 620 мс, расчёт стилей и раскладки – 1,0–1,7 с против 1,4–1,8 с.
Библиотека пошаговых анимаций больше не работает: 0 мс вместо 0,4–0,6 с.
Копия главной после правок: 60 баллов, блокировка основного потока – 390 мс
Что не сработало
Автолейауты не ускоряют страницу
Мы ожидали, что перевод Zero-блоков на автолейауты облегчит HTML. Проверили на одинаковых карточках кейсов из 5 элементов: карточка на автолейаутах весит 25 КБ стилей, в абсолютном позиционировании – 14 КБ. Тильда пишет для автолейаута больше CSS. Автолейауты нужны для удобства правок и адаптива, скорость они не поднимают.
Один замер PageSpeed ничего не доказывает
Одна и та же страница в разных запусках показала блокировку основного потока от 360 до 1 680 мс. Сравнивать можно только серию замеров.
Ловушка с параметром в адресе. Адрес с параметром (например, с меткой версии после знака вопроса) обходит кеш Тильды, и первая загрузка становится медленнее на 2–3 секунды. Замеряйте чистый адрес страницы.
Плюсы и минусы Тильды для скорости
Плюсы
Быстрые серверы и CDN, сжатие файлов, отложенная загрузка изображений из коробки, загрузка своих шрифтов в проект, перевод картинок в WebP.
Минусы
Стили Zero-блоков для пяти разрешений в каждом HTML, отдельная библиотека для пошаговых анимаций, обязательные скрипты платформы на каждой странице. Их не убрать настройками – только работой с содержимым страницы.
Общий разбор платформы – в статье "Плюсы и минусы Тильды".
Чек-лист: что проверить на своём сайте на Тильде
- Замерьте PageSpeed главной и рекламных страниц 3–5 раз подряд, без параметров в адресе.
- Включите "Ленивую загрузку" и "Мгновенную отрисовку текста" в настройках сайта.
- Переведите изображения в WebP с шириной под показ, фото людей – не уже 1000 px.
- Посчитайте элементы с пошаговыми анимациями: если их больше 50, анимации – кандидат на замену.
- Найдите в блоках T123 подключения сторонних библиотек (GSAP, jQuery-плагины, виджеты) и проверьте, нужны ли они.
- Включите "Откладывать загрузку статистики", чтобы счётчики не мешали первому экрану.
- Объедините Zero-блоки из одного заголовка с соседними блоками.
Что дальше
Скорость влияет на позиции в Google и на стоимость заявки из рекламы. Если сайт в Яндексе стоит в топ-10, а в Google за его пределами – проверьте скорость в первую очередь. Как скорость связана с техническим SEO, мы разбирали в материале о SEO-продвижении и в статье о микроразметке на Тильде.
Разберём скорость вашего сайта на Тильде
Замерим PageSpeed ключевых страниц, найдём причины и исправим без изменения дизайна. Услуга – ускорение загрузки сайта на Тильде.
