Görseller için Preloader

Merhaba,

function preload_featured_image() {
    if (is_single() || is_page()) {
        $thumbnail_id = get_post_thumbnail_id();
        $image_url = wp_get_attachment_image_src($thumbnail_id, 'full')[0];
        echo '<link rel="preload" href="' . esc_url($image_url) . '" as="image">' . "\n";
    }
}
add_action('wp_head', 'preload_featured_image');

ilgili php koduyla lcp değerini azaltmak için preloader yaptım ama işe yaramadı. Sitedeki öne çıkan görsellere preloader vermek için ne yapabilirim?

LCP şu an tek ve büyük bir derdim

Anladığım kadarı ile single yada page için yazmışsınız, ancak aksine archive sayfası/bölümü için kullanmak istiyorsunuz. Diğer kısımları incelemedim ancak başlangıçtaki sebeple çalışmayacaktır.