@DotDash

Прелоадер JS, gif или видео?

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

Вроде бы обычный прелоадер, но задействуется весь экран, потому обычная гифка не подойдет.
Делать гифку на весь экран глупо. либо сделать гифку и перемещать её js-ом.
Либо скинуть на фриланс, чтобы css3-бабочку сварганили.
Либо запилить видео где бабочка летает.

Кто бывал в такой ситуации, как лучше поступить? Как по производительности?
  • Вопрос задан
  • 168 просмотров
Пригласить эксперта
Ответы на вопрос 3
  • sevirinov
    @sevirinov
    Web Developer
    Лучше конечно CSS +SVG
    gif на весь экран и видео слишком громоздкие получатся.

    А готовых CSS бабочек предостаточно, не думаю что потребуется заказывать на фрилансе, можно просто "подпилить" под свои нужды. Вот например отличный вариант или вот или можно взять вот эту и самому задать нужную траекторию движения.

    Вариантов куча, пользуйтесь поиском
    Ответ написан
  • Exploding
    @Exploding
    wtf?
    Лучше, правильней и логичней поступить так:
    - открыть топку;
    - закинуть туда этот прелоадер с летающей бабочкой на весь экран;
    - закрыть топку.

    Наличие прелоадера может означать только одно: у нас настолько медленный сайт, что пока грузится страница - вы можете сделать себе чай или по-наблюдать как летает бабочка. Повлиять на скорость загрузки - нет, этого мы не умеем ¯\_(ツ)_/¯

    Ваша страница должна загружаться настолько быстро, чтобы необходимость в прелоадере отпала сама собой и единственным вариантом посмотреть на него, было намеренное "оттягивание" отображения страницы. Но это заболевание не смертельно и проходит само со временем.
    Ответ написан
  • @fabledva
    Мутирующий гибрид недотимлида и недоскрам-мастера
    Автор, я предлагаю вам идти от обратного. У вас медленный сайт, вы хотите сделать прелоадер, который по своей реализации тоже тратит время на его подгрузку. Пользователь явно хочет не этого. Не лучше ли договориться на проекте, объяснить, почему эта реализация не релевантна и с более простым прелоадером проект можно будет быстрее кидать в релиз (если он еще не там)?
    Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через TM ID
Похожие вопросы