{"id":13654,"url":"\/distributions\/13654\/click?bit=1&hash=7a7aa21667aefd656b6233efba962ecbef616dfd5ac100a493b4b5899b23ff1f","title":"\u041c\u044b \u043f\u043e\u043f\u0440\u043e\u0441\u0438\u043b\u0438 \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u0435\u0439 \u043e\u0431\u044a\u044f\u0441\u043d\u0438\u0442\u044c, \u043a\u0442\u043e \u0442\u0430\u043a\u0438\u0435 \u00ab\u043a\u0440\u0435\u0430\u0442\u043e\u0440\u00bb \u0438 \u00ab\u043f\u0440\u043e\u0434\u0430\u043a\u0442\u00bb","buttonText":"\u0421\u043c\u043e\u0442\u0440\u0435\u0442\u044c","imageUuid":"32086418-934b-5de5-a4ef-6425a84c490a","isPaidAndBannersEnabled":false}
Сергей Долматов

Советы по оптимизации загрузки сайта на конструкторе Тильда

#Скорость загрузки Tilda

Если вы сталкивались с проблемной загрузкой сайта на конструкторе Тильда. То вы знаете что при поиске решения можно найти видео/статьи которые советуют лишь сжимать изображения с помощью онлайн-компрессоров (что весьма банально)

Я подготовил свой список инсайтов по оптимизации:

1. По приевшейся классике это сжатие изображений, я юзаю сервис:

2. Один и тот же контент с одинаковой модульной сеткой легче грузится в готовых блоках, чем в zero-blok (Старайтесь делать не больше 2 крупных zero-block на странице)

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

4. Код старайтесь юзать тоже по минимуму, когда это действительно полезно и важно, много кода сильно нагрузит страницу. Есть много гайдов по апргейду тильды кодом, но честно говоря полезных гайдов не так много. К примеру наткнулся на гайд - "Градиент кнопки на тильде с помощью кода". Зачем код? Я ведь в фотошопе себе любую кнопку сделаю и вес ее будет 5kb.

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

Выводы:

1. Важно понимать что эти советы не категоричны, к примеру если у вас вообще нет левого кода и мало картинок, то можно и больше тригерной анимации добавить (главное что бы мигрень у юзеров не возникала от перебора). Тоже касается и кода, если нет анимации вообще или ее 2-3%, то можете юзать больше кода. Всегда ищите баланс

#Баланс

2. И всегда анализируйте содержимое вашего сайта на тему альтернатив - "А как можно облегчить этот блок так, что бы не потерять посыл". Это довольно полезно

#Альтернатива

3. Так же вы можете зайти в код страницы через правую кнопку мыши, зайти в раздел Network->All-> Нажать Ctrl+R и отсортировать данные по Time, таким образом вы точно будете знать что именно больше всего загружает сайт

Будет круто у вас есть свои инсайты по оптимизации загрузки в Тильде и вы накидаете свои варианты в комментах

P.s. Лайк если любишь маму ))

0
Комментарии
Читать все 0 комментариев
null