Tema: Optimizar la carga de imágenes en wordpress con Lazy Load plugin

Iniciado por ramonjosegn

Es evidente que entre la posición del scroll y el cálculo de si se carga o no la imagen siempre habrá una demora, para mí el sistema no es muy inteligente, lo ideal sería que cargara las imágenes x píxeles por debajo del scroll, o al menos que las precargara para evitar esa demora, pero eso implicaría la pérdida del efecto de ligereza que se supone que aplica el plugin... en fin, como en todos estos sistemas de cacheo, aceleración y demás, lo que ganas por un lado lo pierdes por el otro, a mí realmente no me gusta y no tengo intención de usarlo

Estoy de acuerdo, me tendre que conformar con WP-Super Cache para optimizar el tiempo de carga

Gracias por el aporte... ideal para hosting compartidos

Iniciado por Carlos Arreola

El plugin lazy load en wordpress, se encarga de mostrar solo las imágenes que aparecen en la pantalla del ordenador e ir dejando las que no para cuando el usuario navegue por todo el sitio. De esta forma evitaremos que usuarios que rebotan en el sitio consuman ancho de banda y hagan peticiones innecesarias a nuestro servidor, mejorando la carga de este.

Les mostraré un estudio de caso con uno de mis sitios que tiene imágenes un poco más grandes de lo normal: automoderno.com.

Las pruebas son realizadas en pingdom tools, todas desde el servidor de Nueva York (esto lo pueden cambiar en settings para tener una mejor precisión). Hice 8 peticiones pues los resultados no son exactos por lo que más vale probar en varias ocasiones. Las primeras 4 son sin el plugin y las últimas 4 con este ya instalado.

Carga de página, tamaño de la página y peticiones:



La carga de la página y las peticiones no ha variado significativamente, pero en el tamaño de la página es donde podemos notar como desde unos 900kbs-1mb ha bajado hasta los 480kbs, un ahorro de hasta el 50% de ancho de banda.

Aquí dos imagenes del antes y después del tamaño de la página:

Sin plugin:



Con Lazy Load:



Y por último el historial de las 8 pruebas:


Page speed ha descendido por que ahora carga el js del plugin que no es pesado como podemos observar un poco más arriba.

Instalación de lazy load para wordpress

Se puede instalar desde el buscador básico de plugins en el panel de wordpress o descargar y subir los archivos a la carpeta de plugins desde aquí.

Desde el buscador ponemos "lazy load" y nos debe aparecer el siguiente:



Una vez instalado solo se activa y queda listo, además de que queda un lindo efecto en nuestros sitios.

Si les gustó este post tal vez les interese este otro en donde se muestra como optimizar las imágenes de wordpress automaticamente:
Optimizar imágenes en Wordpress con el Plugin WP Smush.it

Si es cierto todo sobre el lazy load, yo lo uso en varios de mis sitios hace meses y lo que es más, se puede agregar sin plugin, con un enlace a una librería de Google, el script lazy load en una carpeta js de nuestro sitio, agregar otro código en el header para que funcione y en la carpeta de images hay que subir una imagen que es como un punto y es la que crea el efecto en las imágenes del sitio.

Gracias por el aporte.

gracias carlos por el tuto! Voy a ponerme las pilas y optimizar un poco mis sitios para dejar de exigir tanto mi host :p

Gracias me servira

esos resultados se ven sorprendetes, hay que probarlo

Gracias, lo voy a probar a ver que tal.