TGViewer
Webchic - frontend, backend, ci/cd Webchic - frontend, backend, ci/cd @webchic · 995 subscribers
Post #125 1.03K
Оптимизация Javascript анимации:
— requestAnimationFrame вместо setTimeout и setInterval
— избегание форсирования синхронизации layout
— Web Animations API для запуска javascript анимаций в compositor thread
— Intersection Observer для отслеживания пересечения с областью видимости документа

https://www.viget.com/articles/animation-performance-101-optimizing-javascript/
MDN Web Docs Using the Web Animations API - Интерфейсы веб API | MDN Web Animations API позволяет нам создать анимацию и управлять её воспроизведением с помощью JavaScript. Эта статья будет правильным руководством для старта c весёлыми демками и уроками с Алисой в Стране Чудес.
Open in Telegram All posts from @webchic
More from @webchic
  1. Nov 23, 2024​​Обобщенное программирование – обзор реализаций В большинстве сильно типизированных языко…
  2. May 17, 2024​​Код-ревью для начинающих: советы и ориентиры из практики Полезный гайд для новичков в ко…
  3. Apr 14, 2024​​Руководство по Java 8 Optional В этом учебном пособии мы рассмотрим класс Optional, кото…
  4. Mar 27, 2024​​Улучшаем процесс ведения проекта в Git Статья, в которой хотелось бы затронуть тему стан…
  5. Feb 1, 2024​Нетрадиционные подходы к использованию GraphQL Давайте немного повеселимся и поиграем с G…
  6. Jan 23, 2024​Нетрадиционные подходы к использованию GraphQL Давайте немного повеселимся и поиграем с G…
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →