Aplicar manualmente LazyLoad a una imagen

WP Rocket aplica LazyLoad a las imágenes que se añaden a través del editor Entradas/Páginas, o a las que se llaman a través de funciones nativas WordPress como  the_post_thumbnail().

Sin embargo, algunos temas o plugins usan sus propias funciones, y WP Rocket en este caso no puede detectar las imágenes añadidas. Por esto hay la posibilidad de añadir manualmente LazyLoad a estas imágenes, se puede hacer en 2 maneras:

A
Editar el tag imagen HTML y modificar los atributos  src y data-lazy-src como mostrado aquí. Reemplaza los valores de ejemplo con el URL real, la altura y el ancho de tu imagen:

<img src="data:image/gif;base64,R0lGODdhAQABAPAAAP///wAAACwAAAAAAQABAEACAkQBADs=" data-lazy-src="http://example.com/image.jpg" alt="" width="600" height="400" />
	
B
Añade el tag al archivo PHP template:

<?php
$image = get_field( 'image' );

if( ! empty( $image )
   && function_exists( 'get_rocket_option' )
   && get_rocket_option( 'lazyload' 
) : ?>
	<img src="data:image/gif;base64,R0lGODdhAQABAPAAAP///wAAACwAAAAAAQABAEACAkQBADs=" data-lazy-src="<?php echo $image['url']; ?>" alt="<?php echo $image['alt']; ?>" />
<?php elseif( ! empty( $image ) ) : ?>
	<img src="<?php echo $image['url']; ?>" alt="<?php echo $image['alt']; ?>" />
<?php endif; ?>