Ajustar el umbral del LazyLoad

Por defecto, el LazyLoad carga las imágenes que están dentro de 300px de la ventana gráfica (ventana del navegador). Sin embargo, es posible ajustar ese umbral. En este ejemplo el umbral está configurado a 100px:

function rocket_lazyload_custom_threshold( $threshold ) {
	return 100;
}
add_filter( 'rocket_lazyload_threshold', 'rocket_lazyload_custom_threshold' );

La reducción del umbral dará la impresión que las imágenes se estén cargando más rapidamente, especialmente durante un desplazamiento rápido de la página hacia abajo. Verás un efecto de imágenes emergentes o que encajan en su posición. 

Si no te gusta el efecto, puedes aumentar el umbral. Así pero se cargarán más imágenes al momento de la carga inicial de la página, lo cual significa:

  1. El tiempo inicial de carga podría ser un poco más alto, según el número de imágenes incluidas en el umbral. Un umbral ancho significa cargar inmediatamente más imágenes, por lo tanto el tiempo de carga total será más alto.
  2. Pero, como la imagen habrá sido cargada ya, cuando un usuario se desplazará en la página no percibirá algún retraso en la visualización de la imagen.

Ajustar el umbral es sobretodo una cuestión de preferencia y de opinión subjetiva sobre la opción que se percibe como más rápida.