altaneus

Pensées pour moi-même...

Préchargement d’images

par /

Les versions récentes des browsers, permettent de précharger des images avant même que celles-ci aient été trouvé dans le code HTML.

Cette fonctionnalité est utile pour précharger l’image à la une (featured image ou thumbnail) d’un billet en avance de phase.

// add_action( 'genesis_meta', 'summit_preload_post_thumbnail' );
add_action( 'wp_head', 'summit_preload_post_thumbnail' );
function summit_preload_post_thumbnail() {
	
	global $post;
  
    if ( is_singular() && has_post_thumbnail( $post->ID ) ) {  
        $featured_id = get_post_thumbnail_id( $post->ID );
        $img_src = wp_get_attachment_image_src( $featured_id, 'single-post-thumbnail' )[0];
        $img_srcset = wp_get_attachment_image_srcset( $featured_id, 'full' );
        $img_sizes = wp_get_attachment_image_sizes( $featured_id, 'full', null );

		if ( $img_srcset && $img_sizes ) {
			$img_attr = sprintf( ' imagesrcset="%s" sizes="%s"', esc_attr( $img_srcset ), esc_attr( $img_sizes ) );			
        }
		
	  	if ( $img_src && $img_attr ) {
			echo '<link rel="preload" as="image"' . $img_attr . '>';
		}
	}
}

Références externes