Как ускорить загрузку сайта на Тильде

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

Обычно для первичной оценки скорости используют Google PageSpeed Insights — сервис выдает техническую “оценку” загрузки для мобильных устройств и ПК. Но результаты PSI — это не всегда реальная пользовательская скорость, так как тесты проводятся с имитированными условиями и стандартными настройками.
Лучше ориентироваться на замеры через консоль Яндекс.Метрики. Подробнее об Альтернативе PageSpeed Insights читай в статье.

Чтобы вы могли самостоятельно разобраться в вопросе, эта статья для вас. Разберем, какие настройки превратят ваш сайт в очень быстрый сайт. Но при этом вам надо принять решение, так как применение всех пунктов из чек-листа скажется не только на скорости загрузки сайта, но и на его дизайне.

Функция Lazy Load по умолчанию активна и позволяет браузеру подгружать картинки только по мере их появления в поле зрения пользователя. Не отключайте её ни в общих настройках, ни в Zero Block для отдельных элементов.

Тильда автоматически адаптирует изображения под устройство, конвертирует их в WebP и уменьшает вес для быстрой загрузки. Но для максимальной скорости рекомендую дополнительно изменить размер картинок под размер блока/шейпа (максимально до 1680 px) прогонять картинки через специальные сервисы сжатия (например, iLoveImg или Mass Image Compressor).

Для первого экрана используйте меньшие или отдельные изображения для десктопа и мобильной версии.

Если вам архиважна качественная картинка в большом размере, то вы можете сказать Тильде не сжимать ваши фото. Для этого надо: Нажать загрузить файл в появившемся окне загрузки нажать на шестеренку в правом верхнем углу и активировать функцию "Разрешить загрузку до 1920px"

Системные шрифты (Arial, Georgia) уже есть в устройствах пользователей и не требуют загрузки — это позволяет сэкономить 100-400кб на первом экране. Если фирменный стиль важен, включите “Показывать системный шрифт при загрузке”: текст сначала появится базовым шрифтом, затем заменится фирменным без задержки основного контента.

Как включить “мгновенную отрисовку”:
Настройки сайта  → Шрифты → внизу Показывать системный шрифт при загрузке

Любые дополнительные коды (чаты, виджеты, сторонние модификации) добавляют время до полной загрузки. Если скрипт необходим, подключайте его с задержкой или асинхронно, чтобы не блокировать главную часть сайта.

Расположите стили (CSS) и HTML вначале страницы, а JavaScript в конце. Это поможет избежать мерцания стилей, а JavaScript, расположенный в конце позволит загрузить основной контент и у пользователя не будет белого экрана.

По умолчанию в Тильде счетчики (Яндекс.Метрика, Google Analytics и др.) подключаются с задержкой, чтобы не мешать отрисовке страницы. Не меняйте эту настройку.

Как проверить:
Настройки сайта → Аналитика → внизу "Отложенная инициализация счетчиков и пикселей"

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

Как отключить вебвизор:
Настройки сайта → Аналитика → Яндекс.Метрика → Настроить → Отключить Webvisor 2.0

Чем меньше экранов/контента на одной странице — тем быстрее первые блоки становятся доступными для просмотра и взаимодействия.

Не перегружайте первый экран большим количеством картинок: это особенно актуально для мобильных пользователей с ограниченной скоростью интернета.

На первый экран лучше всего добавить до 1 картинки и минимум анимации.

Скрытый через функционал Tilda блок продолжает загружаться и попадать в DOM, то есть HTML-разметка и все ресурсы блока (изображения, скрипты, стили) скачиваются браузером, но сам блок получает CSS-класс с display: none, из-за чего не участвует в визуальном рендеринге страницы. Иначе говоря, скрытый блок загружается, но не отрисовывается.

Подробнее про это поведение читай в статье Как "скрытый блок" влияет на скорость загрузки сайта?

Тильда использует собственные быстрые сервера и CDN, что ускоряет выдачу информации. Если вы экспортировали сайт на сторонний хостинг — обязательно настройте:

• Кеширование и заголовки для статики
• Gzip/Brotli сжатие
• Отдачу изображений через CDN
• Асинхронную загрузку скриптов
• Минимальный список сторонних виджетов и их задержанную инициализацию

Сайты на Тильде уже оптимальны по скорости для большинства сценариев. Но если критична каждая секунда, используйте предложенные настройки по ускорению сайта и будьте готовы к возможным компромиссам в визуальной части.