Applicare manualmente LazyLoad a un'immagine

WP Rocket applica automaticamente LazyLoad alle immagini aggiunte tramite l'editor dei Post/Pagine, o a quelle che vengono richiamate da funzioni native di WordPress come  the_post_thumbnail()

Alcuni temi o plugin, però, usano le loro proprie funzioni e WP Rocket non le può identificare. Ci sono quindi due modi per aggiungere manualmente LazyLoad alle immagini che WP Rocket non identifica:

A: Modifica il tag HTML dell'immagine stessa con gli attributi src e data-lazy-src, come indicato sotto: sostituisci i valoridell'URL dell'immagine, larghezza (width) e altezza (height) con quelli della tua immagine.

<img src="data:image/gif;base64,R0lGODdhAQABAPAAAP///wAAACwAAAAAAQABAEACAkQBADs=" data-lazy-src="http://example.com/image.jpg" alt="" width="600" height="400" />

B: Aggiungi LazyLoad al file template in PHP, in questo modo:

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

if( ! empty( $image )
	&& function_exists( 'get_rocket_option' )
	&& get_rocket_option( 'lazyload' )
	&& ! ( defined( 'DONOTROCKETOPTIMIZE' ) && DONOTROCKETOPTIMIZE )
) : ?>
	<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; ?>