Отложенная загрузка скриптов, Youtube, iframe, video
#javascript #js #html #pagespeed #lazyload #оптимизациясайт #WpCraftTop
❓Задача. На сайте могут добавляться скрипты (часто внешние), iframe и другие элементы, которые добавляют на страницу различные элементы или функциональности, например: электронные читалки, аудиоплееры, виджет чата, видео-плеер и прочее. Как правило это влияет на скорость загрузки сайта и оценку в Pagespeed.web.dev, т.к. внешние скрипты подгружают свои элементы, шрифты и скрипты. В большинстве случаев нет необходимости загружать такие скрипты сразу при загрузке страницы.
✅ Достаточно отложить их загрузку и инициализировать только при каком-то событии. Например при клике на кнопку или движении мыши.
А также можно использовать Intersection Observer API.
Смотреть: https://wpcraft.top/otlozhennaya-zagruzka-skriptov-youtube-iframe-video-html/
#javascript #js #html #pagespeed #lazyload #оптимизациясайт #WpCraftTop
❓Задача. На сайте могут добавляться скрипты (часто внешние), iframe и другие элементы, которые добавляют на страницу различные элементы или функциональности, например: электронные читалки, аудиоплееры, виджет чата, видео-плеер и прочее. Как правило это влияет на скорость загрузки сайта и оценку в Pagespeed.web.dev, т.к. внешние скрипты подгружают свои элементы, шрифты и скрипты. В большинстве случаев нет необходимости загружать такие скрипты сразу при загрузке страницы.
✅ Достаточно отложить их загрузку и инициализировать только при каком-то событии. Например при клике на кнопку или движении мыши.
А также можно использовать Intersection Observer API.
Смотреть: https://wpcraft.top/otlozhennaya-zagruzka-skriptov-youtube-iframe-video-html/
Вебмастерская Wordpress
Отложенная загрузка скриптов, видео Youtube, iframe, video и других элементов » WpCraft
Отложенная загрузка встроенных видео YouTube, iframe, тега video, скриптов и других HTML элементов 💾 Вебмастеринг без воды – WpCraft