Найти тему
Astahova WebDesign

Как анимация влияет на скорость загрузки сайта?

Оглавление
Коллаж автора
Коллаж автора

Веду переговоры с клиентом. Разговариваем за дизайн будущего сайта. И клиент оставляет пожелание «Хочу, чтобы оп, открыл сайт и там каждый элемент всплывал, выезжал, крутился, что б важная информация бегущей строкой. Так можно?» - Да, можно, без проблем, технологии позволяют добиться невероятных результатов, но…Задаю уточняющий вопрос: «А что для вас важнее, движуха на сайте или чтобы ваш ресурс быстро загружал важный для вашего клиента контент? Ведь мы создаем сайт не для вас, а для вашей целевой аудитории».

Вижу недопонимание в глазах заказчика и объясняю пошагово.

Ваш сайт – это ресурс, с которого вы продаете (чаще всего это продажи). На то, захочет ли ваш клиент остаться, смотреть контент и предлагаемые услуги, товары и оставить свои деньги влияет много факторов, но первое место я отдаю скорости загрузки сайта.

Представьте, у вас случилось ЧП и именно в данную минуту и секунду вам требуется юридическая помощь или срочно нужно купить классные замшевые сапоги. Проблему нужно решить за 1 час. Вы забиваете в поисковую строку «услуги юриста в Воронеже», «черные замшевые сапоги купить», открываете сайт, а там белый экран, тишина и сайт грузится 1 минуту, 5 минут… Что вы сделаете первым? Скорее всего уйдете с этого ресурса не желая тратить свое время на загрузку и отправитесь искать более быстрый экземпляр. Неприятная ситуация, да?

На выше описанную ситуацию влияет несколько факторов, о которых начинающие разработчики и создатели сайтов на Tilda или не знают или намеренно упускают из виду:

1. От количества анимации на сайте напрямую зависит скорость его загрузки.

Количество анимированных элементов не должно превышать 3-5 ед. для лендинга и 5-10 ед. для многостраничного сайта. Это могут быть оффер на главной странице или заголовки блоков, логотип компании.

2. Фотографии и изображения должны быть оптимизированы под нужный формат без потери качества.

С этим отлично справляется формат SVG (лучше всего), а также PNG, сохраненный для веб.

Что говорят опросы Google?

Участников опроса, проведенного Google больше всего раздражает медленная загрузка сайта. Лично меня это тоже раздражает больше всего и еще медленный интернет:)) Опрос показал, что 52 % пользователей готовы отказаться от анимации, с целью ускорить работу ресурса. 79 % не вернуться на медленно работающий сайт. 66 % пользователей считают скорость загрузки сайта важной частью имиджа компании и я с ними согласна, ведь это своего рода забота о своем клиенте, всегда приятно купить там, где о тебе позаботились, так?

Главное правило веб – дизайна: анимация должна быть уместной.

Это 2 самых важных фактора, влияющих на скорость загрузки сайта, а соответственно и на его трафик и конверсию.

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

Успехов тебе в поиске хороших заказов. Подписывайся на канал, ставь лайк, пиши комментарий, расскажи о своем опыте.