#lottie — Public Fediverse posts

Как виджет для интернет-магазина чуть не спалил мой iPhone: Lottie vs видео-спрайты на телефонах

Казалось бы, что может пойти не так с легковесными векторными анимациями? Вектор в Lottie, JSON весит копейки. Но тестирование на реальном телефоне закончилось фиаско: через пару минут скролла чип раскалился до 42 °C, а интерфейс ушёл в троттлинг. Оказалось, что покадровый пересчёт кривых Безье в JS на мобильных экранах быстро превращает телефон в печку. В кейсе разбор того, как мы перешли на аппаратно декодируемые видео-спрайты, почему IntersectionObserver втихую крутил видео под непрозрачными модалками и как в итоге удалось сбить температуру обратно до стабильных 30 °C. Читать кейс

https://habr.com/ru/articles/1078644/

#lottie #видеоспрайты #web_performance #оптимизация #фронтенд #safari #ecommerce #анимация #троттлинг #виджет

Как виджет для интернет-магазина чуть не спалил мой iPhone: Lottie vs видео-спрайты на телефонах

Казалось бы, что может пойти не так с легковесными векторными анимациями? Вектор в Lottie, JSON весит копейки. Но тестирование на реальном телефоне закончилось фиаско: через пару минут скролла чип раскалился до 42 °C, а интерфейс ушёл в троттлинг. Оказалось, что покадровый пересчёт кривых Безье в JS на мобильных экранах быстро превращает телефон в печку. В кейсе разбор того, как мы перешли на аппаратно декодируемые видео-спрайты, почему IntersectionObserver втихую крутил видео под непрозрачными модалками и как в итоге удалось сбить температуру обратно до стабильных 30 °C. Читать кейс

https://habr.com/ru/articles/1078644/

#lottie #видеоспрайты #web_performance #оптимизация #фронтенд #safari #ecommerce #анимация #троттлинг #виджет

Как виджет для интернет-магазина чуть не спалил мой iPhone: Lottie vs видео-спрайты на телефонах

Казалось бы, что может пойти не так с легковесными векторными анимациями? Вектор в Lottie, JSON весит копейки. Но тестирование на реальном телефоне закончилось фиаско: через пару минут скролла чип раскалился до 42 °C, а интерфейс ушёл в троттлинг. Оказалось, что покадровый пересчёт кривых Безье в JS на мобильных экранах быстро превращает телефон в печку. В кейсе разбор того, как мы перешли на аппаратно декодируемые видео-спрайты, почему IntersectionObserver втихую крутил видео под непрозрачными модалками и как в итоге удалось сбить температуру обратно до стабильных 30 °C. Читать кейс

https://habr.com/ru/articles/1078644/

#lottie #видеоспрайты #web_performance #оптимизация #фронтенд #safari #ecommerce #анимация #троттлинг #виджет

#remy #stormy #lottie #cats

WWW 30 – Wöchentliche WordPress Weblinks

Hallo liebe Leo Skull Community,

auch wenn das Wetter diese Woche alles andere als sonnig war, so haben wir uns die Laune nicht verregnen lassen. Montag waren wir zu Besuch beim Tierheim Oldenburg, es ging…

https://www.leo-skull.de/www-30-woechentliche-wordpress-weblinks/

#WordPress #WWW #ACF #AIOSEO #BuddyPress #Hosting #Jetpack #JetpackNewsletter #LeoSkull #Lottie #SEO #Setary #SQL #Themes #Themify #WordPress #WordPress63 #WPEngine