Luna FlowLab › flowlabdev
Сайты, Telegram-боты, автоматизации и базы данных под ключ
Рейтинг
20
№ 149 451 в каталоге
Отзывы
0
Профессионализм
-/10
Коммуникация
- /10
Город
Брест
На сайте с
2026 года
Юридический статус
Частное лицо

Демо: эффектный первый экран, который не тормозит сайт

Используемые навыки CSS HTML JavaScript

Описание

Демо для вымышленного бренда наушников, заказчика нет.
Задача: первый экран должен запоминаться, но «живые» эффекты обычно делают сайт тяжёлым, и на телефоне он открывается медленно.

Решение

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

Результат

Замер на телефоне с медленным 4G: главный экран появляется за 0,8 с и с эффектом, и без него. До загрузки страница весит 79 КБ, эффект добавляет ещё 79 КБ уже после неё.
Эффектный первый экран к вашему новому сайту — плюс 5 000 ₽, на готовый сайт — 8 000 ₽. Пришлите ссылку, и я скажу, что подойдёт вашему первому экрану.
Сделано с использованием ИИ-инструментов; задача, проверка и доработка мои.

Оценили проект:

Другие проекты

Все проекты →
Веб-разработка и IT Демо: доска заказов для цеха: от цены до отгрузки
Демо: доска заказов для цеха: от цены до отгрузки
5
Веб-разработка и IT Демо: интернет-магазин на WordPress и WooCommerce под ключ
Демо: интернет-магазин на WordPress и WooCommerce под ключ
7
Веб-разработка и IT Демо: сайт цеха, который сразу показывает цену детали
Демо: сайт цеха, который сразу показывает цену детали
4
Веб-разработка и IT Демо: починка сайта без переделки — было и стало в цифрах
Демо: починка сайта без переделки — было и стало в цифрах
7