En esta entrada voy a desvelarte un increíble truco para mejorar el rendimiento de carga de tu blog si agregas videos de Youtube en tus artículos. Usando LazyLoad para videos de Youtube podrás optimizar tu blog este 2022.
¿Para que funciona LazyLoad en un blog?
Esta función sirve para mejorar la puntuación en GooglePageSpeed para móviles y escritorio. Igualmente, funciona para reducir el margen de carga de tu blog cuando el usuario abre tu sitio. Sirve para imágenes y videos.
El propósito es que se no cargue la Web completamente, sino hasta que el usuario haga scroll hacia abajo y luego vaya cargando todo lo que no es visible.
Por lo tanto, agregar lazyload en tu blog es muy bueno para conseguir una optimización en SEO y el posicionamiento en google.
Video Guía
¿Cómo instalar Lazyload de video de Youtube en mi blog?
Si usas Blogger como es mi caso, entonces, vas a necesitar lo siguiente:
- Abres Blogger
- Te diriges a Tema
- Personalizar HTML
Posterior sigues todas las instrucciones:
Hoja de estilo CSS
El siguiente código lo copias entre el tag <head </head>
<link href='https://dl.dropboxusercontent.com//s/4s8c1jjyu0dp5ei/YT-LazyLoad-Hoja-CSS.css' rel='stylesheet'/>
JavaScript
<script src="https://dl.dropboxusercontent.com/s/xe4kltcrbhr0a6r/YoutuBe-LazyLoad-JS.js"></script>
DIV
<div class="youtube-container">
<div class="youtube-player" data-id="ID-DE-VIDEO-DE-YOUTUBE"></div>
</div>