Скорость сайта на Тильде: исследование на двух сайтах
Коротко
Тильда сжимает файлы и раздаёт их с быстрых серверов, поэтому медленный сайт на Тильде почти всегда замедлен содержимым страницы. Мы проверили это на двух своих сайтах. Первый – 42 страницы на Zero-блоках: 73 балла PageSpeed на телефоне и ошибка замера на компьютере. Второй – главная агентства: 112 блоков, 2,3 МБ HTML, 191 анимация и 43 балла.
Первый сайт за день вышел на 86 баллов на телефоне и на компьютере, копия второго – на 60. Причины у сайтов оказались разные. Ниже – что мы нашли, что исправили без изменения дизайна и какие популярные советы не сработали.
Первый сайт: с 73 до 86 за день
Сайт услуг из 42 страниц с блогом. Все страницы на Zero-блоках с автолейаутами, анимации – свой лёгкий скрипт вместо пошаговых анимаций Тильды. HTML страницы весит 1,1–1,35 МБ, из них 70% – стили Zero-блоков. Замер 28 сентября 2026 года: 73 балла на телефоне, а на компьютере PageSpeed выдал ошибку NO_LCP – не нашёл главный элемент страницы.
Замеры PageSpeed Insights 28 сентября 2026 года, телефон: до правок и после
| Показатель | Было | Стало |
|---|---|---|
| Оценка, телефон | 73 | 86 |
| First Contentful Paint | 3,8 с | 2,1 с |
| Largest Contentful Paint | 4,6 с | 3,5 с |
| Total Blocking Time | 0 мс | 20 мс |
| Оценка, компьютер | ошибка NO_LCP | 86 |
| Сдвиг макета на компьютере (CLS) | 0,249 | 0 |
| Блокирующие запросы | 2,84 с | 1,05 с |
Скрипты здесь не мешали: блокировка основного потока 0 мс. Время уходило на шрифты и на то, как Тильда показывает первый экран.
Шрифты в проекте вместо Google Fonts
Open Sans и Playfair Display грузились с серверов Google. Четыре файла woff2 загрузили в проект Тильды, добавили предзагрузку и убрали повторные подключения шрифта из кода меню и первого экрана. Запросов к Google на страницах стало 0, блокирующие запросы сократились с 2,84 до 1,05 секунды.
Ошибка NO_LCP на компьютере
На ширине от 980 px Тильда прячет содержимое страницы и проявляет его скриптом. PageSpeed из-за этого не мог определить главный элемент и не ставил оценку. Одно правило CSS в HEAD сайта оставляет содержимое видимым с первого кадра. Оценка на компьютере – 86, главный элемент отображается за 0,8 секунды.
Сдвиг макета
Zero-блок на автолейауте до запуска скрипта получает высоту из настроек – 180 px у первого экрана, а после запуска растягивается по содержимому до 590 px. Блок под ним прыгал вниз, сдвиг макета на компьютере достигал 0,249. Правило CSS для блока, который ещё не обработан скриптом, убрало прыжок: CLS 0.
Изображения и доступность
Два скриншота в блоке плана работ сжали: PNG с 236 до 120 КБ, JPG со 136 до 97 КБ. Ссылкам-стрелкам добавили подписи для программ чтения с экрана, серый текст #8e8e8e на светлом фоне заменили на #6b6b6b с контрастом 4,85. Оценка доступности – 96 на телефоне и 94 на компьютере.
Результат. 86 баллов на телефоне и на компьютере за один рабочий день. Дизайн, шрифты и анимации сайта не менялись.
Второй сайт: главная на 112 блоков
Главная 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 с.
Главная до правок – 43 балла, копия после правок – 60 баллов, блокировка основного потока 390 мс
Что не сработало
Автолейауты не ускоряют страницу
Мы ожидали, что перевод Zero-блоков на автолейауты облегчит HTML. Проверили на одинаковых карточках кейсов из 5 элементов: карточка на автолейаутах весит 25 КБ стилей, в абсолютном позиционировании – 14 КБ. Тильда пишет для автолейаута больше CSS. Автолейауты нужны для удобства правок и адаптива, скорость они не поднимают.
Загрузка шрифта заголовка без блокировки
На первом сайте мы перевели декоративный шрифт заголовка на загрузку без блокировки отрисовки. Заголовок первого экрана сначала отображался запасным шрифтом, потом менял его и высоту строки. Сдвиг макета вырос до 0,607 на телефоне, оценка упала до 55. Вернули обычное подключение с предзагрузкой файла. Шрифт, от которого зависит высота первого экрана, нельзя грузить без блокировки.
Один замер PageSpeed ничего не доказывает
Одна и та же страница в разных запусках показала блокировку основного потока от 360 до 1 680 мс. Сравнивать можно только серию замеров.
Ловушка с параметром в адресе. Адрес с параметром (например, с меткой версии после знака вопроса) обходит кеш Тильды, и первая загрузка становится медленнее на 2–3 секунды. Замеряйте чистый адрес страницы.
Два сайта – две причины
| Первый сайт | Второй сайт | |
|---|---|---|
| Что на странице | 42 страницы, Zero-блоки на автолейаутах, свой скрипт анимаций | 112 блоков на главной, 191 пошаговая анимация, сторонние библиотеки |
| Блокировка потока до правок | 0 мс | 1 620 мс |
| На что уходило время | шрифты, блокирующие запросы, показ первого экрана | скрипты, анимации, расчёт стилей |
| Оценка на телефоне | 73 → 86 | 43 → 60 на копии |
Общего рецепта для Тильды нет. Сначала замер показывает, чем занята страница: сетью или процессором. От этого зависит список правок: первому сайту помогли шрифты и два правила CSS, второму – отложенная отрисовка блоков и замена библиотеки анимаций.
Плюсы и минусы Тильды для скорости
Плюсы
Быстрые серверы и CDN, сжатие файлов, отложенная загрузка изображений из коробки, загрузка своих шрифтов в проект, перевод картинок в WebP.
Минусы
Стили Zero-блоков для пяти разрешений в каждом HTML, отдельная библиотека для пошаговых анимаций, обязательные скрипты платформы на каждой странице. Их не убрать настройками – только работой с содержимым страницы.
Общий разбор платформы – в статье "Плюсы и минусы Тильды".
Чек-лист: что проверить на своём сайте на Тильде
- Замерьте PageSpeed главной и рекламных страниц 3–5 раз подряд, без параметров в адресе.
- Включите "Ленивую загрузку" и "Мгновенную отрисовку текста" в настройках сайта.
- Переведите изображения в WebP с шириной под показ, фото людей – не уже 1000 px.
- Посчитайте элементы с пошаговыми анимациями: если их больше 50, анимации – кандидат на замену.
- Найдите в блоках T123 подключения сторонних библиотек (GSAP, jQuery-плагины, виджеты) и проверьте, нужны ли они.
- Включите "Откладывать загрузку статистики", чтобы счётчики не мешали первому экрану.
- Объедините Zero-блоки из одного заголовка с соседними блоками.
- Загрузите шрифты в проект Тильды и уберите подключения Google Fonts из блоков кода.
- Проверьте сдвиг макета (CLS) на компьютере: если первый экран прыгает при загрузке, ищите блок, который меняет высоту после запуска скриптов.
Вопросы о скорости сайта на Тильде
Почему сайт на Тильде медленно грузится?
Причин пять: стили Zero-блоков, которые Тильда пишет для пяти разрешений, пошаговые анимации, сторонние библиотеки, количество Zero-блоков на странице и изображения без сжатия. На нашей главной первый экран из 16 элементов занимает 76 КБ CSS, а 191 пошаговая анимация занимала 0,4–0,6 секунды процессора.
Как ускорить сайт на Тильде без изменения дизайна?
Сначала замер показывает, чем занята страница: сетью или процессором. Первому сайту помогли шрифты в проекте Тильды и два правила CSS: оценка PageSpeed на телефоне выросла с 73 до 86. Второму – CSS-свойство content-visibility для 52 блоков ниже первого экрана и замена библиотеки пошаговых анимаций своим скриптом: 43 → 60 на копии главной.
Ускоряют ли автолейауты загрузку страницы на Тильде?
Нет. Карточка из 5 элементов на автолейаутах весит 25 КБ стилей, в абсолютном позиционировании – 14 КБ: Тильда пишет для автолейаута больше CSS. Автолейауты нужны для удобства правок и адаптива.
Сколько раз замерять PageSpeed, чтобы получить достоверную оценку?
Серией из 3–5 замеров по чистому адресу страницы, без параметров после знака вопроса. Одна и та же страница в разных запусках показала блокировку основного потока от 360 до 1 680 мс, а адрес с параметром обходит кеш Тильды и замедляет первую загрузку на 2–3 секунды.
Что дальше
Скорость влияет на позиции в Google и на стоимость заявки из рекламы. Если сайт в Яндексе стоит в топ-10, а в Google за его пределами – проверьте скорость в первую очередь. Как скорость связана с техническим SEO, мы разбирали в материале о SEO-продвижении и в статье о микроразметке на Тильде.
Разберём скорость вашего сайта на Тильде
Замерим PageSpeed ключевых страниц, найдём причины и исправим без изменения дизайна. Услуга – ускорение загрузки сайта на Тильде.
