Lazy Load siempre ha sido una de mis técnicas de optimización web favoritas. Además de ser rápido de configurar, acelera considerablemente la carga de la página. Por ello… ¡Lazy Load es imprescindible!
De hecho, ¿qué es más rápido que no cargar nada en absoluto? Este es el principio básico detrás de Lazy Load. Los recursos se cargan solo cuando se necesitan.
Aquí hay un ejemplo concreto del rendimiento de Lazy Load en la carga de una página de WordPress.
Artículo sin Lazy Load
Artículo con Lazy Load
El resultado es impresionante. Observe especialmente la reducción de peso y movimientos cuando se activa la carga diferida.
Contenidos
¿Qué es Lazy Load y por qué deberías usarlo?
Lazy Load es una técnica de rendimiento web que oculta imágenes que aún no se muestran en la pantalla. Después de todo, eso es cierto, ¿por qué cargar todas las imágenes en una página cuando ni siquiera sabemos si el usuario se desplazará por la página?
De repente, Lazy Loading consiste en cargar imágenes cuando el usuario las necesite. Lo que tiene un impacto real en la carga inicial de la página.
Demostración de cómo funciona Lazy Load en Chrome Inspector. Las imágenes se cargan gradualmente a medida que se desplaza la página.
Actualización importante: desde la versión 5.5 de WordPress, las imágenes se cargarán por defecto con Lazy Load, usando el atributo de carga HTML nativo quien se convirtió estándar anteriormente en 2020.
Configurar Lazy Load con un plugin
La mayoría de los artículos sobre Lazy Load le muestran una lista interminable de plugins. Este no será el caso aquí.
Imágenes e iframes
WP Rocket es el plugin esencial para optimizar un sitio de WordPress. La opción Lazy Load es fácil de instalar y no entra en conflicto con la herramienta nativa de WordPress desde la versión 5.5. Incluso tiene una opción para iframes, videos y también puede mostrar una imagen en miniatura para videos de Youtube.
Aquí está la opción de verificar en WP Rocket para habilitar Lazy Load.
Comentarios de Disqus
Disqus Conditional Load está diseñado para usuarios del sistema de comentarios Disqus. Cargando al hacer clic o desplazarse por la página.
Contrariamente a plugin oficial, esto no ralentiza la carga inicial de la página. Los comentarios también se importan automáticamente a WordPress.
Lazy Load for Comments de WordPress
Lazy Load for Comments está diseñado para comentarios nativos de WordPress. Permite cargar haciendo clic o desplazándose por la página.
Sin embargo, le sugiero que no utilice este plugin a menos que tenga muchos comentarios en sus publicaciones.
¿Por qué? Dado que este plugin depende de jQuery para su funcionamiento. Entonces, los Gravatars ya son procesados por la carga diferida de imágenes. Entonces, la ganancia de velocidad es insignificante.
Comentarios Lazy Load de Facebook
Lazy Social Comments permite la carga diferida de comentarios de Facebook. El plugin permite cargar al hacer clic o desplazarse por la página.
¿Cuáles son las ventajas de utilizar Lazy Load en cuanto a SEO?
Los beneficios de rendimiento de Lazy Load son innegables, pero ¿cuándo están las desventajas?
No te preocupes por las imágenes
Afortunadamente, no estaría ansioso en su lugar por indexar sus imágenes. ¿Por qué? Bueno, porque la carga diferida de imágenes es una técnica muy sencilla. El atributo SRC solo se sustituye por otro atributo. Por ejemplo, DATA-SRC. Por tanto, la imagen está presente en el DOM desde el principio. ¡Nada que ver con el contenido inyectado dinámicamente en una página!
A continuación, la mayoría de los módulos modernos agregan una imagen duplicada entre las etiquetas <noscript> para usuarios con JavaScript desactivado. Por lo tanto, no hay necesidad de preocuparse por indexar las imágenes.
¿Se indexan los Comentarios Lazy Load como los de Facebook o Disqus?
Lazy Load funciona de manera diferente para los comentarios.
Desde el principio, tenga en cuenta que los comentarios de Facebook y Disqus probablemente nunca serán indexados por Google. Pero, esto podría no ser un problema para ti dependiendo de tu estrategia de SEO.
A continuación, es probable que los comentarios nativos de WordPress inyectados en la página no se indexen tan rápido, pero deberían hacerlo.