Стоит ли пользоваться Animate.css?

Question

[Nikita Shchypylov]

Прикольная библиотека, но коллега говорит, что страница будет долго грузиться и лучше делать самому. Так ли это?

Answer 1

[zenwarr]

Особо повода к задержкам не вижу, ну, сделаете руками -- будут точно такие же @keyframes, как и там (причем не факт, что не тормозящие). Тем более, что в случае animate.css есть возможность собрать свой билд, оставив только те анимашки, которые нужны. Минимизируете все это, объединяете стили на сайте в один файл — ощутимой потери производительности не будет.

Comments

[Nikita Shchypylov]

Но файл то весь подгружается.Как вариант, можно выбрать нужные анимашки

[zenwarr]

Nikita Schipilov: Ну да, весь, но если сделать кастомную сборку через конфиг animate.css, то по размеру получится то же самое, как если бы ручками делали. Ну и объединить все, вообще круто будет)

Answer 2

[Евгений]

Библиотека "прикольная", да. Дольше намного грузиться не будет, если подключать весь файл, но сам на практике просто вытаскиваю нужные анимации, если требуется 1-2 штуки из всего набора

Comments

[Nikita Shchypylov]

Да, это правильно - выбрать нужные, а не грузить по отдельности

Answer 3

[Денис Инешин]

Всего 72кб в не сжатом виде. Один только gzip, включенный на сервере решит проблему. Кроме того можно брать с CDN, например отсюда: www.jsdelivr.com/projects/animatecss