Анимация — это круто, но в меру. Особенно когда дело касается 3d, spline3d, javascript или конструктора вроде Тильды. Здесь поговорим простыми словами, почему перебор с эффектами на сайте — не лучшая идея.
Когда текст вылетает со всех сторон — перебор
На Тильде легко налепить кучу эффектов: текст вылетает сверху, кнопки скачут, изображения прыгают. Выглядит эффектно? Возможно. Удобно? Не совсем.
Что не так:
Глаза разбегаются.
Всё двигается — сложно сосредоточиться.
Телефон греется, сайт тормозит из-за массы javascript-эффектов.
Если уж добавлять анимацию — делайте это сдержанно. А лучше используйте только микро-анимацию
"Лучше, когда сайт просто и понятно читается, без анимации"
3d и особенно сцены из spline3d могут тормозить сайт. Даже если на ПК всё ок, на телефоне начнутся проблемы. Факт: такие штуки сильно грузят браузер и увеличивают время загрузки.
Когда особенно плохо:
Много деталей в сцене.
Сложные и тяжелые текстуры у объектов.
Нет оптимизации под слабые устройства.
Совет:
3д вставляйте только если оно нужно по смыслу.
Упрощайте объекты.
Делайте загрузку по клику или скроллу.
Своя анимация на javascript — это не всегда плюс
Хочется уникальности — и тогда появляется кастомный код. Делаете animation с нуля, добавляете эффекты. Но тут важно не переусердствовать.
Плюсы:
Можно сделать что угодно.
Не зависите от шаблонов Тильды.
Минусы:
Больше кода — дольше грузится.
Сложнее поддерживать.
Риск всё поломать на старых устройствах.
Если используете javascript для анимации:
Думайте про слабые телефоны.
Не забывайте про UX.
PHP + анимация = странный компромисс
На php можно сделать очень быстрый сайт. Но если вы начинаете добавлять кучу анимации — вся скорость уходит.
Пример:
Чистый сайт без эффектов грузится за 1.2 сек.
С теми же страницами, но с javascript-эффектами — уже 2.8 сек.
Так что:
Сначала делайте лёгкий сайт.
Потом аккуратно добавляйте нужные animation-библиотеки.
Комбинация 3d, spline3d, javascript — особенно без тестов.
Эффекты, которые тормозят на телефонах.
"Анимация — это украшение, а не главное блюдо"
В двух словах
Анимация нужна, но немного. Не забывайте — людям важнее удобство, чем "вау-эффект". Лучше пусть сайт быстро загружается и удобно читается, чем вылетает и прыгает.
