import Foo from "lib"А это откровенные глупости.я реализовывал оба варианта и проверял их. Изменение background-position в большом спрайте лагает намного сильнее, чем перерисовка отдельных картинок на canvas.
и при этом не будет перерисовки всего лэяута, что непременно случится, если будешь менять картинки или подставлять src, а подставляя src, у тебя каждый раз будет инициализироваться http запросдля этого есть предзагрузка и canvas, я поэтому и скинул ссылку на свое готовое решение, а не на скрипт в четверть килобайта, а количество картинок при http2 почти никак не повлияет на скорость.
80кб, ну может быть ситуация стала лучше, но это не 17кб как у animejs,- автор пишет что до этого не работал с анимациями, в таком случае лучше взять плагин в котором точно можно реализовать всё что будет нужно, а потом при желании заменить на легкое решение, уже понимая что нужно, а что нет. Тем более что нужна привязка состояния анимации к скролу (если я правильно понял по вопросу), что делает scrolltrigger, и чего нет в animejs. Без привязки к скролу можно убрать gsap и останется 16кб
пол магабайта гсапа- 80кб,
который платный- бесплатный,
решение на стиляхкоторое не подойдёт для реального заказа, хотя бы потому что спрайт даже из 60 кадров нормального размера будет тормозить при переключении
Alternatively, you can pass an id for the container using Container::make( $type, $id, $title )