Сжатие картинок помогает только той части загрузки, которую занимают изображения. Первый экран может задерживаться из-за шрифта, видео или внешнего скрипта, даже если файлы картинок уже небольшие. На Тильде полезно сначала записать загрузку опубликованной страницы на телефоне, а потом менять конкретные элементы и повторять проверку.
Посетитель ждет не всю страницу сразу
Типовая ситуация: на ноутбуке обложка видна почти сразу, а на телефоне сначала появляется фон, затем заголовок и только потом кнопка. Здесь важно разделить ожидание картинки, текста и возможности нажать на кнопку. Снимать все эффекты со всего сайта до выяснения причины рано.
Для исходной проверки запишите адрес опубликованной страницы, устройство, сеть и состояние кеша. Дальше используйте те же условия; общий порядок замеров разобран в статье о диагностике и приемке ускорения. Здесь задача уже: связать задержку с конкретным элементом Тильды. Если нужно ускорить несколько сайтов на Тильде, для каждого составляют свой список причин: одинаковый конструктор не означает одинаковую загрузку.
Первый экран: изображения, видео и Zero Block
Начните с того, что действительно занимает обложку на телефоне. В Тильде есть адаптивная обработка изображений, а Lazy Load откладывает их загрузку по мере прокрутки. Проверьте, не отключен ли он для сайта и отдельно для изображений или шейпов Zero Block; эти возможности описаны в рекомендациях Тильды по скорости. Наличие автоматической обработки не заменяет проверку фактически загруженного файла.
Сопоставьте ресурсы первого экрана с видимым результатом: нужна ли большая фотография целиком, оправданы ли несколько изображений рядом с обложкой, нет ли тяжелого декоративного фона. Кандидатов на замену выбирайте по записи загрузки. Для каталога с множеством карточек есть отдельный разбор скорости каталога: его задачи не стоит смешивать с ожиданием одной обложки.
У фонового видео обязательно проверьте статичную замену. Тильда рекомендует загрузить изображение обложки на случай, когда видео не воспроизводится, в том числе на мобильных устройствах; это предусмотрено в инструкции по обложкам. Сравнение варианта с видео и статичной обложкой поможет решить, оправдан ли ролик на первом экране. Само наличие видео еще не доказывает причину задержки.
В Zero Block отдельно посмотрите на появление заголовка и кнопки. У базовой анимации есть длительность и задержка старта: элемент может появляться поздно из-за заданного сценария, а не из-за скачивания файла. Параметры описаны в документации анимации Zero Block. Для проверки уберите задержку только у важного элемента и сравните результат, прежде чем менять оформление всей страницы.
Шрифты и внешние подключения
Если фон уже виден, а текст появляется позже, проверьте загрузку шрифта. Тильда позволяет показывать системный шрифт до загрузки выбранного; при замене возможны мерцание и изменение размеров текста. Это поведение описано в настройках шрифтов. После включения проверьте переносы заголовка и положение кнопки на телефоне: ранний текст полезен, если он остается читаемым и не ломает композицию.
Затем составьте перечень внешних подключений: чат, аналитика, коллтрекинг, модификации блоков, собственные вставки. Пользовательский код может находиться в T123, в HTML-элементе Zero Block, в head сайта или страницы — варианты перечислены в инструкции по вставке HTML. Поэтому отсутствие блока T123 само по себе не закрывает проверку.
Проверяйте влияние каждого подключения отдельно на копии страницы. В своем руководстве Тильда рекомендует откладывать необязательные внешние скрипты и сохранять отложенную инициализацию счетчиков; см. раздел о стороннем коде. Конкретный момент запуска выбирают с учетом функции: отложенная форма или потерянное событие аналитики могут сделать формально быструю страницу бесполезной.
Исправления в пределах платформы
План изменений должен связывать наблюдение, правку и проверку. Если поздно появляется текст, сначала исследуют шрифт; если кнопку скрывает сценарий появления — анимацию; если задержка связана с подключением чата — его загрузку. Это дает основание для небольших правок без немедленной переделки дизайна.
На размещенном в Тильде сайте инфраструктурой управляет платформа; для экспортированного проекта условия уже зависят от своего хостинга. Это различие отмечено в руководстве Тильды. Поэтому предложение «настроить сервер» сначала требует уточнить, где работает сайт. Перенос имеет смысл обсуждать после диагностики и определения ограничений, а не обещать его как обязательное средство ускорения.
После правок: обложка и путь до заявки
Сравните опубликованную версию с исходной в зафиксированных условиях. Посмотрите, когда появились заголовок, изображение и кнопка, затем пройдите путь посетителя: открыть форму, заполнить поля, отправить тестовую заявку и убедиться в ее получении. Для внешних сервисов дополнительно проверьте события и передачу данных, которых коснулась смена порядка загрузки.
Сохраните только изменения с подтвержденной пользой и рабочими сценариями. Если эффект не выявлен, правку не стоит объявлять ускорением; итоговый балл и рост заявок без замеров обещать нельзя.
Пришлите страницу и пример медленной загрузки — определим, какие элементы стоит проверить и изменить первыми.