Poner Lazy Loading Nativo en Vídeos (iframe) WordPress Core sin plugins

PONER LAZY LOADING NATIVO EN VÍDEOS (IFRAME) WORDPRESS CORE SIN PLUGINS

Vídeo de carga diferida nativa “lazy-loading” en WordPress y sin instalar plugin

Al igual que con los medios de imágenes, los vídeos (iframe) no son la excepción y podemos implementar la carga diferida o Lazy Loading de manera natural o nativa en las páginas de WordPress sin la necesidad de instalar un plugin.

PONER LAZY LOADING NATIVO EN VÍDEOS (IFRAME) WORDPRESS CORE SIN PLUGINS

Recuerda que un vídeo es el medio más pesado y consume más recursos a la hora de cargar tu sitio web en el navegador, implementar Lazy loading a tus vídeos puede ser la diferencia tanto para conseguir más tráfico como para que tu posición en las SERP mejore.

No profundizaremos con las nuevas disposiciones de compatibilidad que ofrece Google y los navegadores al aceptar las etiquetas nativas de “<video>” y sus valores, solamente quiero que sepas que los navegadores evolucionan y ya piensan en el futuro con nuevas tecnologías que ayuden a los usuarios.

Los navegadores más comunes e importantes como Chrome, FireFox y Edge nos dicen que al poner una etiqueta HTML, CSS para más especificó con el atributo <video> se le está indicando al buscador que ese medio forma parte del contenido que construye el subárbol DOM para cargar y mostrar de manera ralentizada o diferida.

¡No esperes más e implementa este recurso en el núcleo de WP!

2 Formas de poner Lazy Loading a vídeos en WordPress

Existen 2 maneras de conseguir que tus vídeos «iframe» tengan carga diferida de forma nativa, la primera es la más sencilla y efectiva aunque debes tocar archivos de código sin complicaciones, la recomiendo, y la segunda será para los que prefieran evitar el estar editando o poniendo lenguaje de código.

Las 2 opciones sirven bien si sigues los pasos a la perfección, te aseguro que conseguirás un sitio web mucho muy veloz al cargar, sobre todo si tienes más un vídeo.

Opción 1 Recomendada

Implementar Lazy Loading nativo en videos con WordPress fácil y rápido con un simple código.

Esta es la solución más efectiva y rápida para tener una carga diferida en todos tus videos sin la necesidad de instalar molestos plugins, con un pequeño código que pegaremos dentro del archivo functions.php desde el mismo CMC WordPress, arreglaremos que lazy loading se aplique a los videos del sitio web.

Beneficios al agregar la carga diferida en los videos de forma nativa en WP Core

  • Lo primero es que tendrás más tráfico, sobre todo porque nadie espera que abra una página después de 4 o 5 segundos.
  • La optimización de aceleración en carga es importante para tener un buen sitio saludable.
  • Al navegar por tu sitio nada se puede trabar, ya que perderás usuarios.
  • Si eres SEO o quieres salir en las primeras posiciones de Google, el que cargue rápido es factor para subir en las SERP.
  • No ocupas recursos innecesarios del CMS WordPress

Cómo poner la carga diferida de videos en WordPress de manera nativa en el Core

La respuesta es, «muy fácil de hacer y en pocos segundos lo puedes realizar», pero vasta de rodeos y a lo que te truje chencha que ya quiero tener una web que cargue como rayo en el buscador:

Ahora desde en escritorio de WordPress dirígete hacia “Apariencia”, “Editor de temas” y elije la opción de “functions.php”. Realiza una copia de todo el archivo de functions.php y guárdala en un block de notas o un editor como Sublime Text que es gratuito, por cualquier cosa, no está de más.

Cómo poner la carga diferida de videos en WordPress de manera nativa en el Core - ir al editor de temas functins.php

De acuerdo comienza copiando el código que deja aquí abajo

add_filter('the_content','lazyIF'); 
function lazyIF($content) { 
    $content = str_replace('<iframe','<iframe loading="lazy"', $content);
    return $content; 
}

Baja hasta que veas la última función, después del cierre de la llave y antes de los require, ahí pega el código y guarda los cambios. Guíate con la imagen inferior.

Cómo poner la carga diferida de videos en WordPress de manera nativa en el Core - así se tiene que ver el código pegado

Vez que sencillo que fue, con esta sencilla función estamos diciendo que todos los iframe de cualquier página de nuestro sitio web remplace el atributo <iframe> por <iframe loading=”lazy”.

Perfecto espero haya servido este mini tutorial de cómo poner los videos en carga diferida desde la Core de WordPress.

Opina como te fue en la caja de comentarios y GRACIAS por visitar mi sito web.

Opción 2 Con complemento

Carga diferida de videos con “Lazy Loading Feature Plugin” creado por el equipo de WordPress GRATIS

Decíamos al inicio que te enseñaría a incrementar lazy loading de manera nativa y sin instalar ningún tipo de complemento, pero entiendo que a muchos les da miedo el tema de poner código o no tienen idea de cómo hacerlo.

Ya te digo que la primera opción es perfecta, genial, rápida y funciona muy bien, pero para los que prefieren agregar un complemento o plugin, les dejo el que recomiendan los creadores de WordPress y que en un futuro próximo será parte del núcleo del CMS, ya que se integrara dentro del programa de forma nativa.

Lo bueno de este plugin es que solo instalas, lo activas y listo no hay nada más que hacer.

Puedes instalarlo desde la página oficial de WordPress que te dejo aquí “Lazy Loading Feature Plugin”.

Espero haya sido de ayuda este post dedicado a todos los SEOs novatos que apenas comienzan a posicionar webs en Google.

Quieres poner carga diferida «lazy loading» a las imágenes sin Pluins

Descubre cómo hacerlo desde este post «Poner LAZY LOADING Nativo en WordPress Core para IMÁGENES Sin Plugin«

En caso de alguna duda o pregunta deja un comentario en la caja de abajo, y ver de qué manera te puedo apoyar. GRACIAS por visitar PolePosition.WebSite

Robbie - redactor y editor poleposition.website

Robbie twiter poleposition.website facebook poleposition.website

Editor | Redactor | Blog | PolePosition.WebSite

Descubre todo lo que esta sucediendo en el mundo del SEO y WordPress

Página de contacto PolePosition.WebSite

¡Nos alegra saber de ti! PolePosition.WebSite, es líder en la industria del posicionamiento en buscadores que proporciona las noticias más ...
Leer Más

Consultor SEO 100 % Orgánico “LATAM”

¿Quieres clasificar en lo más alto de Google y más tráfico? Has llegado al lugar correcto, PolePosition es el sitio ...
Leer Más

PolePosition.WebSite – AGENCIA SEO

Agencia de Posicionamiento Web Online en los Buscadores para Empresas pequeñas, medianas y grandes de Latino América La Agencia SEO ...
Leer Más

Soluciones a los problemas y errores de «wordpress»

Guía definitiva para corregir errores comunes que pasan al crear sitios web con el CMS Wordpress, cómo arreglar problemas habituales ...
Leer Más

Los Mejores PLUGINS de SEO Herramientas WordPress Gratis – LATAM

Un plugin de wordpress es una extensión, complemento para tu sitio que mejora distintas funciones según las necesidades que desees ...
Leer Más

Las Mejores Extensiones SEO para Optimizar Tiempo y Esfuerzo Gratis – LATAM

Las extensiones son realmente útiles para realizar tareas específicas mientras trabajamos en el buscador, para realizar SEO y obtener la ...
Leer Más

Las Mejores HERRAMIENTAS y Programas para medir la velocidad de carga en una web Gratis – LATAM

Para conseguir lo que todo SEO busca con su trabajo “lograr la primera posición dentro de las SERPS”, además de ...
Leer Más

Las Mejores HERRAMIENTAS para Conseguir ENLACES a tu Web Gratis (LINKBUILDING) LATAM

La Construcción de enlaces que apunten a tu web es una de las mejores técnicas del SEO Off Page para ...
Leer Más

Las Mejores HERRAMIENTAS de palabras clave Kw Gratis LATAM

Desesperado por no tener ideas originales para tus keywords, no encuentras esas palabras clave que te lleven a la sima ...
Leer Más

Las Mejores HERRAMIENTAS de SEO Off-Page Gratis LATAM

Realizar SEO fuera de tu sitio web es un factor muy importante a considerar para posicionar mucho más rápido en ...
Leer Más
Spread the love