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

Перед оптимизацией нужно понять, какие элементы действительно создают проблему.
Для первичной проверки можно использовать Google PageSpeed. Сервис отдельно проверяет сайт на телефонах и компьютерах и показывает, что может замедлять загрузку.

Первый экран - это часть страницы, которую человек видит сразу после открытия сайта, еще до прокрутки.

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

Проверьте первый экран:

• большое фоновое изображение
• несколько фотографий одновременно
• видео
• сложную анимацию
• декоративные элементы

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

Например, вместо пяти декоративных фотографий на первом экране можно оставить одну сильную фотографию и основной оффер.

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

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

Что можно сделать:

• заменить декоративное видео изображением
• использовать обложку или превью
• запускать видео после действия пользователя
• сократить длительность и размер файла
• не размещать несколько тяжелых роликов в начале страницы.

При этом полезное видео не нужно удалять только ради оценки PageSpeed.

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

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

Zero Block - свободный редактор Тильды, который позволяет вручную размещать элементы и создавать сложный дизайн.

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

• изображений
• анимаций
• декоративных фигур
• дублирующихся объектов

Поэтому не нужно автоматически заменять все Zero Block стандартными блоками.

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

Уберите лишнюю анимацию
Анимация должна помогать пользователю, а не существовать только ради движения на странице.

Оставляйте эффекты, если они:

• помогают заметить важный элемент
• показывают последовательность
• объясняют интерфейс
• поддерживают смысл страницы.

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

Особенно внимательно относитесь к нескольким анимациям одновременно на первом экране.

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

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

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

Проверьте:

• онлайн-чаты
• всплывающие окна
• сторонние формы
• карты
• сервисы аналитики
• сервисы учета звонков
• дополнительные счетчики.

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

Но удалять рабочий сервис только ради PageSpeed не нужно.

Сначала ответьте на вопрос:

Этот инструмент приносит бизнесу пользу?

Если чат стабильно приводит заявки, небольшое влияние на скорость может быть оправдано. Если сервис давно не используется - его лучше удалить.

Что делать с дополнительным кодом?

На старых сайтах могут оставаться скрипты от старых интеграций, экспериментов и сервисов.

Проверьте:

• старые счетчики
• удаленные сервисы
• дубли аналитики
• старые виджеты
• блоки с дополнительным кодом.

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

Если непонятно, для чего нужен код, перед удалением лучше передать его разработчику на проверку.