LazyLoad manuell für ein Bild aktivieren

WP Rocket wendet LazyLoad automatisch bei Bildern an, die über den Editor hinzugefügt, oder mittels einer Bordfunktion von WordPress, wie etwa  the_post_thumbnail(), abgerufen werden.

Manche Themes oder Plugins nutzen allerdings eigene Funktionen für Bilder, und diese kann WP Rocket nicht automatisch erkennen. In solch einem Fall gibt es 2 alternative Methoden, um LazyLoad manuell speziell für ein Bild zu aktivieren:

A: Bearbeite das HTML-Element des Bildes direkt:
Modifiziere die  src- und data-lazy-src-Attribute wie hier gezeigt. Ersetze die Beispielwerte für die URL, sowie für Breite und Höhe mit denen deines Bildes.

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

Oder B: Bearbeite den Code des PHP-Templates:

<?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; ?>