Как оценить скорость загрузки страниц — на сайте через PageSpeed Insights — сервис от Google, который имитирует загрузку сайта на мобильных устройствах и компьютерах и ставит ему собственную оценку.
1.Убедитесь, что на сайте включён Lazy Load
Проверьте, не отключён ли у вас Lazy Load. Для этого перейдите в Настройки сайта → Ещё и убедитесь, что галочка снята с настройки Выключить Lazy Load изображений. Также проверьте, что функция не отключена в настройках изображений и шейпов в Zero Block.
2.Оптимизируйте изображения на странице вручную
Сжать изображения можно в сервисах в интернете. Я пользуюсь сайтом https://imagecompressor.com/ru/ Ещё одно решение — добавлять отдельные блоки для десктопной и мобильной версии страницы и загружать в них изображения разного размера и веса. Например, это можно сделать для первого экрана.
3.Включите мгновенную отрисовку контента в настройках
Это вторая категория оптимизаций по весу и по значимости. Системные шрифты есть на любом компьютере, например, Arial или Georgia. Ещё есть подключаемые шрифты, например, Futura или Roboto.
Если вам необходимо использовать фирменный стиль, можно воспользоваться новой функцией — мгновенная отрисовка контента. По умолчанию эта функция не включена. Если для вас скорость загрузки сайта важнее, чем плавность загрузки и визуальная составляющая, то включите функцию: перейдите в Настройки сайта → Шрифты и цвета → Продвинутые настройки.
4.Сократите длину страницы
Пункт кажется очевидным, но это работает: чем меньше информации на странице, тем быстрее она загрузится. Посмотрите на свой сайт критически: вся ли информация и изображения действительно нужны на странице или её можно сократить? Например, если у вас очень длинная страница (20+ экранов), перенесите часть контента с неё на другую, чтобы увеличить скорость загрузки. Это пункт, на который вы можете влиять напрямую.
5.Сократите количество изображений в начале страницы
Иногда пользователи на первом экране размещают большую фотографию для обложки, а следующим блоком ещё четыре небольшие фотографии. В этом случае браузеру в первый заход нужно скачать не одну фотографию, а сразу пять. Это забивает трафик, особенно, в мобильном интернете. Поэтому мы не рекомендуем размещать много фотографий в самом начале сайта.
6.Отключите все внешние коды и скрипты на сайте
Код старайтесь юзать тоже по минимуму, когда это действительно полезно и важно, много кода сильно нагрузит страницу. Есть много гайдов по апргейду тильды кодом, но честно говоря полезных гайдов не так много. К примеру наткнулся на гайд - «Градиент кнопки на тильде с помощью кода». Зачем код? Я ведь в фотошопе себе любую кнопку сделаю и вес её будет 5kb
7.Не выключайте отложенную инициализацию счётчиков
Чтобы счётчик на странице подключился, браузеру необходимо загрузить скрипт, проанализировать код и выполнить его. Файлы Яндекс.Метрики или Google Analytics довольно тяжёлые, поэтому если загружать их сразу, они замедлят скорость отображения страницы. В связи с этим по умолчанию тильда подключает эти счётчики спустя 2 секунды с момента загрузки страницы.
Проверить, что настройка не выключена, можно в Настройках сайта → Аналитика.
8. Тригерную анимацию лучше использовать по минимуму
Тригерную анимацию лучше использовать по минимуму, её цель подчеркнуть особенность сайта/продукта, привлечь внимание к элементу сайта или наглядно что-то продемонстрировать. Не нужно делать из сайта мультфильм где все дёргается и мигает
9.Карточки товаров
Карточки товаров меньше грузят сайт, если их подгружать из Каталога товаров Тильды, а не из готового блока
10.Не используйте сторонние «тяжёлые» JavaScript скрипты
Не используйте много сторонних сервисов типа лид-захватчиков и прочего. Достаточно одного онлайн-консультанта и одного сервиса для сбора лидов.
Tilda «из коробки» предоставляет CDN, так что тут точки роста нет. Все уже настроено.
В принципе это все. Нужно понимать, что каждый сайт уникален и проверять через сервисы загрузки бессмысленно. Так как они не дают 100% гарантии правильного расчёта загрузки страницы. Проверяйте страницу через обычный телефон по сотовой сети, чтобы информация была 100%
Обращаясь в Студию Xline https://xlinestudio.ru/ вы можете рассчитывать на уникальное решение для вашего сайта, оперативную техническую помощь и долгосрочное поддержание ресурса.
ХОТИТЕ ПОЛУЧИТЬ РАБОЧИЙ САЙТ? Если да, переходите по ссылке https://xlinestudio.ru/ , знакомьтесь с портфолио и оставляйте заявку.