Skip to content

Frank Goossens' blog

  • Web-Tech blogposts
  • Other blogposts
  • WordPress & plugins
    • WP YouTube Lyte
    • Autoptimize
    • WP DoNotTrack
    • Do Not Donate!
  • about
    • Timemachine
    • Contact

lazyload

AO not lazyloading above the fold; the sequel

December 23, 2020 by futtta

So in the ever-continuing saga of learning, testing and fine-tuning your site’s settings to get the ultimate in performance you might have enjoyed the new Autoptimize filter/ setting not to lazyload the first N images to keep the impact of lazyloading on Largest Contentfull Paint down?
Well, now you can take things a step further with below code snippet, which tells Autoptimize not to lazyload the logo and the featured image (hat tip to Gijo Varghese of Flying Press for the idea).

add_filter('autoptimize_filter_imgopt_lazyload_exclude_array', function( $lazy_excl ){
	// site logo.
	$custom_logo_id = get_theme_mod( 'custom_logo' );
	$image = wp_get_attachment_image_src( $custom_logo_id , 'full' );
	$logo = $image[0];
	if ( ! empty( $logo ) ) {
		$lazy_excl[] = $logo;
	}
	// featured image.
	if ( is_single() || is_page() ) {
		$featured_img = get_the_post_thumbnail_url();
		if ( ! empty( $featured_img ) ) {
			$lazy_excl[] = $featured_img;
		}
	}
	return $lazy_excl;
});

This might end up in a future version of Autoptimize, maybe even preloading those images … 🙂

Categories autoptimize, lang:en, wordpress Tags code snippet, featured image, lazyload, logo, not lazyload, preload 1 Comment

I am a "Web Performance and Architecture Consultant" from Belgium, working on Web and Mobile Architecture by day and WordPress and web performance by night (more info here).

  • subscribe to my web-tech blogfeed
  • abonneer op niet-technische artikels
  • @optimatters on Twitter
  • @futtta on fediverse (mastodon)
This is an ad-free blog!

You said, she said

  1. Daan van den Bergh on Ceremonies het monopolie van de (Katholieke) Kerk?
  2. Daan van den Bergh on Autoptimize Pro released, secret discount code here ;-)
  3. futtta on Ceremonies het monopolie van de (Katholieke) Kerk?
  4. Andrea on Ceremonies het monopolie van de (Katholieke) Kerk?
  5. Richard Korthuis on Mastodon oEmbed requests overload; use WP Rest Cache

Recent Blogposts

  • Eurovision 2023; my winner is … Blanca Paloma
  • Want to know some Autoptimize secrets?
  • Book bans won’t prevent mass shootings!
  • Autoptimize Pro 1.3; instant.page
  • How to fix Autoptimize & Critical CSS cron issue