Как виджет для интернет-магазина чуть не спалил мой iPhone: Lottie vs видео-спрайты на телефонах
<img src="https://habrastorage.org/getpro/habr/upload_files/1a7/26c/697/1a726c69796b99d4563126c9b9810d96.jpg" /><p>Казалось бы, что может пойти не так с легковесными векторными анимациями? Вектор в Lottie, JSON весит копейки. Но тестирование на реальном телефоне закончилось фиаско: через пару минут скролла чип раскалился до 42 °C, а интерфейс ушёл в троттлинг.</p><p>Оказалось, что покадровый пересчёт кривых Безье в JS на мобильных экранах быстро превращает телефон в печку.</p><p>В кейсе разбор того, как мы перешли на аппаратно декодируемые видео-спрайты, почему IntersectionObserver втихую крутил видео под непрозрачными модалками и как в итоге удалось сбить температуру обратно до стабильных 30 °C.</p> <a href="https://habr.com/ru/articles/1078644/?utm_source=habrahabr&utm_medium=rss&utm_campaign=1078644#habracut">Читать кейс</a>