Отложенная загрузка скриптов, Youtube, iframe, video

#javascript #js #html #pagespeed #lazyload #оптимизациясайт #WpCraftTop
❓Задача. На сайте могут добавляться скрипты (часто внешние), iframe и другие элементы, которые добавляют на страницу различные элементы или функциональности, например: электронные читалки, аудиоплееры, виджет чата, видео-плеер и прочее. Как правило это влияет на скорость загрузки сайта и оценку в Pagespeed.web.dev , т.к. внешние скрипты подгружают свои элементы, шрифты и скрипты. В большинстве случаев нет необходимости загружать такие скрипты сразу при загрузке страницы.
✅ Достаточно отложить их загрузку и инициализировать только при каком-то событии. Например при клике на кнопку или движении мыши.
А также можно использовать Intersection Observer API.
Смотреть