Отложенная загрузка встроенных видео YouTube

При обычной вставке видео из Ютуб посетители вашего сайта будут загружать более 600 КБ лишних данных, независимо от того, будут ли они просматривать видео.

Поэтому лучше вместо реального видео показывать только обложку, а само видео загружать «отложено».

Код оптимизированного вывода видео из Ютуб.

<iframe
  width="560"
  height="315"
  src="//www.youtube.com/embed/Y8Wp3dafaMQ"
  srcdoc="<style>*{padding:0;margin:0;overflow:hidden}html,body{height:100%}img,span{position:absolute;width:100%;top:0;bottom:0;margin:auto}span{height:1.5em;text-align:center;font:48px/1.5 sans-serif;color:white;text-shadow:0 0 0.5em black}</style><a href=//www.youtube.com/embed/Y8Wp3dafaMQ?autoplay=1><img src=//img.youtube.com/vi/Y8Wp3dafaMQ/hqdefault.jpg alt='Video The Dark Knight Rises: What Went Wrong? – Wisecrack Edition'><span>▶</span></a>"
  frameborder="0"
  allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
  allowfullscreen
  title="The Dark Knight Rises: What Went Wrong? – Wisecrack Edition"
></iframe>

Таким образом можно значительно снизить нагрузку на ваш сайт.

Оцените автора
SEONew
Добавить комментарий