Как использовать полифилл intersection Observer?

Question

[Эдуард]

При оптимизации сайта по google pageSpeedInsight приходится делать ленивую загрузку изображений (используя intersection Observer). Но IE не поддерживает данную технологию. Знаю, что есть полифилл, который решает проблему совместимости, но не знаю как его использовать практически. То есть как и куда его подключить и каким образом. Буду благодарен, если кто-то объяснит "чайнику".

Answer 1

[Dima Polos]

Да вроде все просто: https://github.com/w3c/IntersectionObserver/blob/m...
Можно как jquery - подключил скрипт раньше всех остальных скриптов и все. Если пользуетесь webpack, то пишут через require подключать ранее всех зависимостей.

Comments

[Эдуард]

Для меня совсем не просто(. Я так понимаю, что полифилл - это какой-то скрипт, который подключается как и все другие скрипты, только самым первым. А вот где скачать этот самый скрипт - я не могу разобраться. По ссылке прошел, там читаю: " Вы можете установить polyfill через npm или скачав zip этого репозитория. По этой ссылке скачивается архив, в котором точно нет никаких скриптов. Я пока в тупике. Благодарю, что откликнулись!

[Dima Polos]

Эдуард, я понимаю, но вот же он:
https://github.com/w3c/IntersectionObserver/tree/m...
В списке файлов есть intersection-observer.js
Вы node.js используете? Проще через npm install скачать.
Полифил - он как учитель, учит браузеры тому, чего они сами не умеют, но хороший полифил сначала проверит, умеет это браузер или нет, если нет - учит.
Вы же просто пишете свой код так, как описано в API, и все.

[Эдуард]

А слона то я и не заметил... Вот что значит невнимательность. Буду пробовать подключать.
Спасибо большое!

[Dima Polos]

Эдуард, да нет, в зип архиве как раз я тоже не нашел ничего, кроме html, не понятно как-то сделали.
Насчет ссылки выше, там файлы открываются для чтения, так что можно даже тупо скопировать все и вставить у себя в файл, потом подключить его. Успехов!
PS Разберитесь с node.js для веб разработки, будет легче.
Вот https://youtu.be/EtbZQ6qWuJ4 и канал просмотрите, много полезного.

[Эдуард]

Dima Polos, Благодарю!