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

logo

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

Autoptimize user? Speed up your site even more with AO Pro, use futttablog coupon code to get a 10% discount!

  • 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

  • When lazyloading iframes does (not) work (automatically)
  • About to see Wilco live …
  • Autoptimize Pro: page caching (finally) in beta
  • As found on Our Tube; Edward November – Cold Street Light
  • Eurovision 2023; my winner is … Blanca Paloma