Медленный сайт на Тильде: почему грузится по 5 секунд и что реально можно ускорить

Как правильно замерить скорость сайта на Тильде

Прежде чем ускорять, договоримся, что мерить. Владельцы обычно открывают PageSpeed Insights, видят красную оценку на вкладке «Мобильные» и пугаются. Эта оценка — лабораторный тест: Google эмулирует средний телефон на медленной мобильной сети. Полезно для сравнения «до и после», но это не время, за которое сайт открывается у ваших клиентов.

Три способа смотреть на скорость:

Для бизнеса общий балл менее важен, чем три показателя из Core Web Vitals: LCP — когда отрисовался главный элемент первого экрана, хорошо до 2,5 секунды; INP — как быстро сайт реагирует на нажатия, хорошо до 200 миллисекунд; CLS — насколько «прыгает» вёрстка при загрузке, хорошо до 0,1. Сайт с баллом 65 и зелёными метриками работает нормально. Подробнее о самих метриках — в общей статье про скорость загрузки сайта.

Правило замера: мерить одну и ту же страницу три раза подряд и брать среднее. Результат PageSpeed скачет от запуска к запуску на 5–10 пунктов, и одна «удачная» проверка ничего не доказывает.

Почему сайт на Тильде грузится медленно: 7 главных причин

1. Тяжёлая картинка на первом экране

Тильда сама многое делает с изображениями: по справке о скорости, она конвертирует картинки в WebP и подгоняет их размер под экран посетителя. Но обложка первого экрана грузится сразу, без ленивой загрузки, и именно она чаще всего определяет LCP. Фотография 6000 пикселей шириной с камеры, загруженная «как есть», — частая находка.

Сама Тильда пишет, что изображения — самое тяжёлое на сайте и от них зависит большая часть успеха. Поэтому сжимайте картинки перед загрузкой (справка советует сервисы вроде TinyPNG) и не ставьте на первый экран слайдер из пяти фото.

2. Видеофон

Видео на обложке выглядит эффектно на большом мониторе в офисе дизайнера. На телефоне в метро это несколько мегабайт, которые грузятся раньше заголовка и кнопки. Если видео не продаёт само по себе (а на первом экране оно редко продаёт), замените его на статичный кадр. Хотя бы в мобильной версии.

3. Zero Block с анимацией

Zero Block — редактор свободной вёрстки в Тильде. Каждый элемент в нём — отдельный объект со своими настройками для разных ширин экрана. Первый экран из 40 слоёв с анимацией появления и параллаксом заставляет браузер телефона много считать, и это бьёт по INP и CLS. Мы часто видим ситуацию, когда красивая анимация «въезжающих» блоков одновременно двигает вёрстку и задерживает момент, когда можно нажать кнопку. Когда Zero Block оправдан, а когда стандартные блоки работают лучше, — разобрали в статье про Zero Block в Тильде.

4. Сторонние виджеты и код

Онлайн-чат, виджет обратного звонка, квиз со стороннего сервиса, пиксели соцсетей, кнопки мессенджеров из конструктора виджетов. Каждый тянет свои скрипты с чужих серверов. В справке Тильды есть резкая формулировка: в 95% случаев код, добавленный на сайт, не оптимизирован. Совет оттуда же — отключить ненужное, а нужное грузить с задержкой в 2–3 секунды.

5. Собственные шрифты

Загруженный шрифт с пятью начертаниями — это сотни килобайт. Справка Тильды оценивает экономию от системных шрифтов в 100–400 КБ на странице. Отказываться от фирменного шрифта не обязательно, но два начертания вместо пяти — уже заметная разница.

6. Слишком длинная страница

Лендинг из 45 блоков — частая история: «добавим ещё отзывы, ещё сертификаты, ещё блок про команду». Ленивая загрузка спасает картинки ниже экрана, но HTML, стили и скрипты всех блоков всё равно грузятся. Если страница отвечает на пять разных вопросов, разнесите её на пять страниц — это заодно полезно для поиска.

7. Счётчики и Вебвизор

Метрика с Вебвизором записывает действия посетителей, и это тоже нагрузка. Справка Тильды предлагает держать включённой отложенную инициализацию счётчиков — они запускаются через 2 секунды после загрузки страницы. Отключать Вебвизор ради скорости мы не советуем: он показывает, где люди бросают форму, и это ценнее пары пунктов в PageSpeed.

Что ускоряет сайт на Тильде: настройки и правки

Порядок ниже — от быстрого к трудоёмкому.

1. Проверьте Lazy Load. «Настройки сайта → Ещё»: галочка «Выключить Lazy Load изображений» должна быть снята. По умолчанию ленивая загрузка включена, но её иногда отключают, когда «пропадают картинки» в каком-нибудь блоке.
2. Включите системный шрифт при загрузке. В настройках шрифтов есть опция «Показывать системный шрифт при загрузке»: текст появляется сразу, а фирменный шрифт подменяет его, когда загрузится.
3. Оставьте отложенную инициализацию счётчиков. Она включена по умолчанию в настройках аналитики.
4. Пережмите и замените обложку первого экрана. Ширина 1920 пикселей для десктопа и отдельная лёгкая картинка для мобильной версии.
5. Уберите видеофон или замените его на картинку на телефонах.
6. Проведите ревизию виджетов. Выпишите всё, что подключено через блоки с кодом и через настройки сайта. Что не приносит заявок — удалить. Чат и квиз — загружать с задержкой.
7. Упростите первый экран в Zero Block. Меньше слоёв, без анимации появления у заголовка и кнопки.
8. Сократите страницу. Всё, что не помогает принять решение, — на отдельные страницы.

Если после первых трёх пунктов оценка не изменилась — это нормально: они чаще помогают реальным пользователям, чем лабораторному тесту. Основной прирост дают пункты 4–7.

Если вы проверили страницу и увидели красный LCP или прыгающую вёрстку, а что именно её тормозит — непонятно, это быстрее разобрать на живом сайте.

Замер до и после: условный лендинг

Условный пример, не кейс студии. Лендинг натяжных потолков на Тильде, 28 блоков. Первый экран собран в Zero Block: видеофон, 34 слоя, анимация появления у заголовка. Подключены онлайн-чат, виджет обратного звонка и квиз со стороннего сервиса. Фирменный шрифт в четырёх начертаниях.

Что сделали за один рабочий день:

• видеофон заменили на кадр 1920 пикселей, для мобильной версии — отдельная картинка шириной 750 пикселей;
• в Zero Block оставили 12 слоёв, убрали анимацию у заголовка и кнопки;
• виджет обратного звонка удалили (по Метрике им почти не пользовались), чат и квиз стали грузиться с задержкой;
• шрифт сократили до двух начертаний, включили системный шрифт при загрузке;
• блоки с сертификатами и историей компании перенесли на страницу «О нас».

Цифры условные и показывают порядок изменений, а не обещание результата. Обратите внимание: до 90+ дотянуть не удалось. Это нормальный потолок для лендинга на Тильде с фотографиями и формой, и гнаться за зелёной сотней дальше обычно бессмысленно.

Что на Тильде ускорить нельзя

Это то, о чём редко пишут: часть скорости вне вашего контроля.

• Сервер и время ответа. Сайт живёт на серверах Тильды. Выбрать хостинг, тариф с более мощным сервером или расположение серверов вы не можете.
• Общие скрипты платформы. Каждая страница тянет библиотеки Тильды, нужные для работы блоков. Убрать их или собрать «только нужное» нельзя.
• Кеширование и сжатие. Настраивать заголовки кеширования, gzip или brotli на Тильде вы не можете. Справка Тильды упоминает CDN и сжатие только в разделе для экспортированных сайтов.
• Порядок загрузки ресурсов. Предзагрузку конкретных файлов, отложенную загрузку стилей, критический CSS на Тильде тонко не настроить.
• Предупреждение PageSpeed про «неиспользуемый JavaScript». Оно останется почти на любом сайте на Тильде. Можно не тратить на него время.

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

Влияет ли скорость сайта на Тильде на поиск и рекламу

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

На рекламу — заметнее. Вы платите за клик в момент нажатия на объявление. Если страница грузится шесть секунд, часть людей закрывает её раньше, и клик оплачен впустую. В Метрике это видно как отказы с очень коротким временем на сайте. Поэтому скорость — один из пунктов чек-листа, который мы проходим перед запуском рекламы: подробно о нём в статье лендинг на Тильде под Яндекс Директ.

Мобильная версия: где теряется больше всего

Почти все замеры, по которым ругают Тильду, — мобильные. И проблемы обычно тоже мобильные:

• десктопная обложка, которую телефон грузит целиком, хотя показывает кусок;
• Zero Block, где для мобильной ширины элементы просто спрятаны, но всё равно загружаются;
• виджет чата, который открывается поверх формы.

Справка Тильды советует для тяжёлых случаев делать отдельные блоки для десктопа и мобильной версии, с картинками своего размера, и скрывать «чужой» блок на каждой ширине. Это больше работы при правках, но на первом экране оправдано. Если мобильная версия ещё и съезжает, смотрите разбор, почему мобильная версия на Тильде съезжает.

Чек-лист: проверьте скорость своего сайта за 20 минут

1. Прогоните главную и одну страницу услуги через PageSpeed три раза, запишите средние LCP, CLS и оценку на мобильных.
2. Откройте отчёт «Время загрузки страниц» в Метрике и сравните мобильные и десктопные визиты.
3. Посмотрите, что стоит на первом экране: видео, слайдер, Zero Block с анимацией?
4. Проверьте вес обложки: откройте картинку в новой вкладке и посмотрите размер.
5. Выпишите все сторонние виджеты и коды. Напротив каждого — приносит ли он заявки.
6. Проверьте галочки Lazy Load, отложенной инициализации счётчиков и системного шрифта.
7. Посчитайте блоки на главной. Больше 25 — повод подумать о разделении.

Если после проверки непонятно, с чего начать, или правки не дали эффекта, оставьте контакты. Посмотрим сайт, Метрику и замеры и скажем, что из этого реально мешает заявкам и позициям.