[Resolved] Featured image is lazy loaded and Page Speed complains about it

Hi Thorsten,

Can you try adding an additional CSS class to the image block, eg. featured-image, then add the below snippet:

add_filter( 'render_block', function( $block_content, $block ) {
     if ( ! empty( $block['attrs']['className'] ) && 'featured-image' ===  $block['attrs']['className'] ){
        $block_content = str_replace( 'lazy', 'eager', $block_content );
    }
    return $block_content;
}, 10, 2 );

Hi Thorsten,

For reference, can you provide the link to the site in question?

You may use the Private Information field for this: https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information

I see. Since you have GenerateBlocks, can you try using a GenerateBlocks Image Block instead for that image, and then add skip-lazy to the class list of this Image Block?

Adding Custom Classes: https://wordpress.com/support/wordpress-editor/adding-additional-css-classes-to-blocks/

Hi there,

WP provides the wp_get_attachment_image_attributes filter hook to set attributes on an image.
And as you have added the skip-lazy class we can use that in that filter to remove the loading attribute.

Try this PHP Snippet:

add_filter( 'wp_get_attachment_image_attributes', 'fp_no_lazy_featured_image', 10, 3 );
function fp_no_lazy_featured_image( $attr ) {
    if ( false !== strpos( $attr['class'], 'skip-lazy' ) ) {
    	unset( $attr['loading'] );
    }
    return $attr;
}