---
title: "Lazy loading ve LCP görseli: hangi görselin öncelikli yüklenmesi gerektiğini seçmek"
date: 2026-04-19
author: "xcropimage.io Team"
tags: ["lazy loading", "LCP", "Core Web Vitals", "performans", "SEO"]
lang: "tr"
description: "fetchpriority ve lazy loading dengesi; en büyük içerikli boyamada hangi görselin öncelikli yüklenmesi gerektiği."
---

## Giriş

**Lazy loading** (ertelenmiş yükleme) aşağıdaki görselleri şebeke ve CPU tasarrufu için erteler; ancak **LCP** (Largest Contentful Paint) adayı **gecikirse** Core Web Vitals ve kullanıcı algısı kötüleşir. Çözüm, lazy’yi kapatmak değil; **LCP öğesini** doğru tespit edip **önceliklendirmek**, diğerlerini lazy bırakmaktır.

<figure>
<img src="/blog-images/lazy-loading-lcp-oncelikli-gorsel-secimi.jpg" alt="Lazy loading ve LCP görseli: hangi görselin öncelikli yüklenmesi gerektiğini seçmek." width="1200" height="630" loading="lazy" decoding="async" />
<figcaption>Lazy loading ve LCP görseli: hangi görselin öncelikli yüklenmesi gerektiğini seçmek.</figcaption>
</figure>

**Bu serinin önceki yazıları:** [Görsel site haritası](/blog/image-sitemap-gorsel-site-haritasi-seo) · [WebP/AVIF](/blog/webp-avif-yayin-tarayici-uyumlulugu) · [E-posta hero](/blog/eposta-bulteni-hero-gorseli-dosya-duzen).

## LCP adayı hangisi?

Çoğu ürün ve içerik sayfasında **hero** veya ana ürün görseli LCP’dir; bazen büyük metin bloğu veya video posteri kazanır. Varsaymayın—ölçün. [web.dev: Optimize LCP](https://web.dev/articles/optimize-lcp) ölçüm ve iyileştirme adımlarını verir.

**Pratik kurallar:**

* Muhtemel LCP `<img>` üzerinde **`loading="lazy"`** kullanmayın (veya destekleniyorsa `fetchpriority` ile ölçüm sonrası ayarlayın).
* **Preload** yalnızca profil gerçekten gösteriyorsa; aşırı preload rekabeti yaratabilir.

## `loading` davranışı

[MDN `loading` özelliği](https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/loading) görünüm alanı ile etkileşimi açıklar.

## CDN ile birlikte

Güncelleme sonrası eski görsel [CDN önbelleği](/blog/cdn-onbellek-gorsel-guncelleme-eski-gorsel) nedeniyle LCP’yi yanıltıcı şekilde etkileyebilir; dosya adı sürümlemesini [toplu iş akışı](/blog/toplu-yeniden-boyutlandirma-sikistirma-otomasyon) ile standartlaştırın.

## İngilizce paralel

[Lazy loading and LCP](/blog/lazy-loading-lcp-priority-image-selection) aynı konuyu İngilizce anlatır.

## Sonuç

LCP görselini netleştirin; [daha hızlı site görsel ipuçları](/blog/daha-hizli-acilan-web-siteleri-icin-basit-gorsel-duzenleme-tuyolari) ile genel optimizasyonu destekleyin.