Kategoriler
WordPress

WordPress lazy-loading iptal etmek

wp_lazy_loading_enabled() fonksiyonunu iptal etmek.

WordPress 5.5 versiyonu ile birlikte site içeriklerinde kullanılan tüm görsellere loading="lazy" kodunu ekler, 5.7’den itibaren iframe’lere de aynı şekilde ekleme yapmaktadır.

Aslında bu iyi bir şey, “lazy loading/tembel yükleme” resimleri ve iframe’leri sayfa açılır açılmaz değil kullanıcının ekranında göründüğünde yüklenmesini sağlar. Fakat bazı sebeplerle bunu iptal etmek isteyebilirsiniz, bunun için aşağıdaki fonksiyonu kullanabilirsiniz, kodu temanızın function.php dosyasına eklemeniz yterli.

/** 
 WordPress tüm lazy load iptal et **/ 
add_filter('wp_lazy_loading_enabled', '__return_false');

Eğer sadece iframe’lerden iptal etmek isterseniz:

function disable_post_content_iframe_lazy_loading( $default, $tag_name, $context ){
    if ( 'iframe' === $tag_name && 'the_content' === $context ){
        return false;
   }
    return $default;
}
add_filter(
    'wp_lazy_loading_enabled',
    'disable_post_content_iframe_lazy_loading',
    10,
    3
);

Eğer sadece örneğin youtube.com iframe’lerden iptal etmek isterseniz:

function skip_loading_lazy_youtube_iframes( $value, $iframe, $context ){
    if ( 'the_content' === $context && false !== strpos( $iframe, 'youtube.com' ){
        return false;
   }
    return $value;
}
add_filter(
    'wp_iframe_tag_add_loading_attr',
    'skip_loading_lazy_youtube_iframes',
    10,
    3
);

Dah fazlası: https://make.wordpress.org/core/2020/07/14/lazy-loading-images-in-5-5/#customizing-lazy-loading

JavaScript kullanmadan lazy-loading: Sıfır JavaScript ile görüntüleri Lazy loading olarak yüklenmesi.

Kaynaklar: developer.wordpress.org/reference/hooks/wp_lazy_loading_enabled/

Lazy-loading iframes in 5.7

dev.to/jmau111/do-you-need-lazy-loading-48om

web.dev/iframe-lazy-loading/

Code Reference: Browse: Home / Reference / Functions / wp_lazy_loading_enabled()
Why You Should (almost) NEVER Use Lazy Load