Ленивая подгрузка ленты на JavaScript | Отслеживание пересечений | IntersectionObserver API
Привет! ❤️
В этом видео мы подробно рассмотрим Intersection Observer API — отличный инструмент для оптимизации производительности ваших веб-приложений!
Вы узнаете, как этот API помогает нам эффективно загружать контент, используя ленивую загрузку, а также как отслеживать видимость элементов на странице. Мы разберем дополнительные параметры конфигурации и научимся правильно их настраивать. 🚀
Приятного просмотра! 😍
Мой телеграм-канал:
Github с кодом:
00:00:00 - Вступление
00:00:47- Что же такое Intersection Observer API?
00:01:51 - Как работает Intersection Observer?
00:04:13 - Углубление в возможности API
00:04:55 - root
00:06:55 - rootMargin
00:09:26 - threshold
00:12:29 - Практика
00:15:16 - Заключение!
#performanceoptimization #frontend #javascript #lazyloading #webdevelopment #intersectionobserver #browserapi #coding
Любая информация, представленная в этом видео, принадлежат мне и не отражают позицию моего работодателя или каких-либо организаций, с которыми я связана.
Весь материал, показанный в видео, был создан мной лично в свободное от работы время на моем собственном ноутбуке и используются исключительно для демонстрационных целей. Всё показанное в ролике не имеет никакого отношения к интеллектуальной собственности моего работодателя или других связанных со мной организаций.
48 views
4377
1527
10 months ago 00:17:23 3
PHP и Laravel дайджест новостей за август 2024 года. Обзор Laracon US Keynote
2 years ago 00:08:18 1
Разработка сайтов на React JS. Ленивая подгрузка(оптимизация), роутинг, анимация, адаптив
2 years ago 00:12:21 7
NextJS 13. Оптимизация изображений
2 years ago 00:10:22 17
Ленивая подгрузка Реакт-компонентов для оптимизации производительности
4 years ago 00:15:57 1
Постраничный вывод и ленивая подгрузка. Spring Boot + Webix