Тег video нагружает страницу?

Например видео весит 12 мегабайт,я его ставлю на сайт с помощью тега video,и тут вопрос,нужен ли lazy loading. Как вообще все это дело подгружается ? Как виляет это на скорость загрузки сайта? Например на ютубе видео после клика по нему, подгружается.
  • Вопрос задан
  • 310 просмотров
Пригласить эксперта
Ответы на вопрос 3
@e_coder
Практически любой iframe нагружает страницу. Поставить псевдоэлемент и загружать айфрейм после клика по нему - один из самых хороших вариантов решения проблемы. Посмотрите здесь как это легко и красиво завернуть.
Ответ написан
mahmudchon
@mahmudchon
Страницу нагружает любое, даже просто текстовое содержание, в зависимости от объема.
Другой вопрос - нагружает ли сервер?
Если вы подключаете видео с, например, youtube - страницу будет нагружать только видео, а при его воспроизведении сервер сайта не будет получать нагрузку, т.е. весь трафик будет лететь со стороннего ресурса.
Подключая со своего сайта - у вас еще и трафик с сервера полетит. У video же есть параметры, такие как preload и autoplay. Если вы не подгружаете заранее и не ставите на автовоспроизведение - видео сильно грузить не будет.
Ответ написан
criticalsomethoughts
@criticalsomethoughts
UI\UX Developer, Project Manager
и тут вопрос,нужен ли lazy loading.

Желательно, есть несколько путей решения данной проблемы - вы делаете картинку заполнитель с псевдоэлементом play - при наведении или клике на кнопку play, загружаются данные. Либо есть второй вариант, просто делать видео в стиле lazy - к примеру с iframe
<iframe width=”560″ height=”315″ src=”” data-src=”//www.youtube.com/embed/OMOVFvcNfvE” frameborder=”0″ allowfullscreen></iframe>

<script>
function init() {
var vidDefer = document.getElementsByTagName(‘iframe’);
for (var i=0; i<vidDefer.length; i++) {
if(vidDefer[i].getAttribute(‘data-src’)) {
vidDefer[i].setAttribute(‘src’,vidDefer[i].getAttribute(‘data-src’));
} } }
window.onload = init;
</script>

Если у вас готовая CMS с пакетом плагинов под капотом, всё это можно сделать через плагин.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
R52.RU Нижний Новгород
от 30 000 до 50 000 руб.
Sveak Барнаул
от 50 000 руб.
HTML Academy Санкт-Петербург
от 150 000 до 180 000 руб.
17 окт. 2019, в 22:21
250000 руб./за проект
17 окт. 2019, в 19:04
300 руб./в час
17 окт. 2019, в 19:01
500 руб./в час