WordPress Öne Çıkarılan Görseli Preload Yapmak

Normalde hiç aklımda değilken arkadaşım Atilla’nın söylemesi üzerine mantıklı geldiği için WordPress Öne Çıkarılan Görseli Preload yapmayı araştırmaya başladım. Aslında çok kolay bir kod ile bunu yapabiliyormuşuz onu da öğrenmiş oldum.

Ne işe yarar?

Pagespeed Insight’da LCP (Largest Contentful Paint) değeri bazen çok yüksek olabiliyor. Thumbnail’da genelde sayfanın en üstünde yer alıyor. Eğer bunu önden yükleyebilirsek LCP’yi biraz daha düşürebiliriz diye düşündük. Kimileri için faydalı olabilir, kimileri için hiçbir işe yaramayabilir. Ben şu an bu blogda öne çıkarılan görseli preload ile yüklüyorum.

WordPress Öne Çıkarılan Görsel Nasıl Preload Yapılır?

  1. WordPress admin panelinize girin > Görünüm > Tema Düzenleyici alanına girin,
  2. Sağ taraftan Functions.php dosyanızı açın,
  3. Kodun en altına aşağıdaki kodu ekleyin ve kaydedin.
  4. Eğer cache eklentisi kullanıyorsanız önbelleğinizi temizleyin.
//Preload öne çıkarılan görsel
add_action('wp_head', function () {
	if (is_singular('post')) { ?>
		<link rel="preload" href="<?php echo get_the_post_thumbnail_url(get_the_id(), 'entry-body-size') ?>" as="image" type="image/jpg">
	<?php }
});

Bu kod, blog yazılarınızın öne çıkarılan görselini <link rel=”preload” /> yapmanızı sağlar.

Ücretsiz Dijital Pazarlama Kaynakları Al!

Eposta bültenime abone ol ve +2.000 kişilik bir topluluğun parçası olarak ücretsiz dijital pazarlama e-kitapları, dersleri gibi kaynaklara eriş!

Abone olduğun için teşekkürler!

Bir şeyler yanlış gitti.

Bunları da beğenebilirsiniz:

Yorum bırakın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Scroll to Top