Como Postergar la carga de Videos de Youtube en Blogger

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.

lazyload youtube en blogger

¿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

Copia el siguiente código antes del tag </body>


<script src="https://dl.dropboxusercontent.com/s/xe4kltcrbhr0a6r/YoutuBe-LazyLoad-JS.js"></script>

DIV

De ultimo colocas el DIV en la entrada, solo debes reemplazar el ID del video de tu video de Youtube que vas agregar. Copia el siguiente código en tu entrada.


<div class="youtube-container">
   <div class="youtube-player" data-id="ID-DE-VIDEO-DE-YOUTUBE"></div>
</div>

Lazyload Para SEO


Esta es una de las mejores practicas SEO para mejorar la velocidad de una Web. Agregar Lazyload para diferir la carga de los videos que añades en tu blog que sea de youtube es una de las mejores opciones para resaltar los resultados de la carga de tu sitio.

Si eres un editor que tienes un canal de YoutuBe y añades tus videos en tu blog, entonces, este truco es para ti. Mejora la velocidad de carga y consigue un mejor puntaje en GooglePageSpeed usando lazyload.

Publicar un comentario

Déjame un mensaje.

Artículo Anterior Artículo Siguiente

نموذج الاتصال