{"id":5406,"date":"2026-06-18T16:48:52","date_gmt":"2026-06-18T13:48:52","guid":{"rendered":"https:\/\/hostingdunyam.com.tr\/blog\/?p=5406"},"modified":"2026-06-18T16:48:52","modified_gmt":"2026-06-18T13:48:52","slug":"lcp-nedir","status":"publish","type":"post","link":"https:\/\/hostingdunyam.com.tr\/blog\/lcp-nedir","title":{"rendered":"LCP Nedir?"},"content":{"rendered":"

Largest Contentful Paint (LCP), bir web sayfas\u0131n\u0131n g\u00f6r\u00fcn\u00fcr alan\u0131nda (viewport) yer alan en b\u00fcy\u00fck i\u00e7erik \u00f6\u011fesinin ekranda tam olarak render edildi\u011fi an\u0131 \u00f6l\u00e7en bir performans metri\u011fidir. Google’\u0131n Core Web Vitals setinin par\u00e7as\u0131 olan LCP, kullan\u0131c\u0131n\u0131n sayfan\u0131n “y\u00fcklendi\u011fini” hissetti\u011fi an\u0131 temsil eder ve hem kullan\u0131c\u0131 deneyimi hem de arama motoru s\u0131ralamas\u0131 a\u00e7\u0131s\u0131ndan kritik \u00f6neme sahiptir.<\/span><\/p>\n

LCP Neden \u00d6nemlidir?<\/span><\/h2>\n

Web performans\u0131 \u00f6l\u00e7\u00fcm\u00fcnde uzun y\u0131llar boyunca First Contentful Paint (FCP) ve DOMContentLoaded gibi metrikler kullan\u0131ld\u0131 ancak bu metrikler kullan\u0131c\u0131n\u0131n ger\u00e7ekte ne zaman sayfay\u0131 “kullan\u0131labilir” hissetti\u011fini do\u011fru \u00f6l\u00e7emiyordu. Google bu bo\u015flu\u011fu doldurmak i\u00e7in 2020 y\u0131l\u0131nda LCP’yi Core Web Vitals’\u0131n bir par\u00e7as\u0131 olarak tan\u0131tt\u0131.<\/span><\/p>\n

LCP’nin \u00f6nemi iki temel nedene dayan\u0131r:<\/span><\/p>\n

    \n
  1. Kullan\u0131c\u0131 alg\u0131s\u0131yla \u00f6rt\u00fc\u015fmesi:<\/b> Kullan\u0131c\u0131 bir sayfay\u0131 a\u00e7t\u0131\u011f\u0131nda sayfan\u0131n y\u00fckl\u00fc hissettirdi\u011fi an, genellikle en b\u00fcy\u00fck g\u00f6rsel \u00f6\u011fenin belirdi\u011fi and\u0131r. LCP tam olarak bu an\u0131 \u00f6l\u00e7er; dolay\u0131s\u0131yla teknik bir metrik olmaktan \u00e7ok, ger\u00e7ek kullan\u0131c\u0131 deneyiminin say\u0131sal kar\u015f\u0131l\u0131\u011f\u0131d\u0131r.<\/span><\/li>\n
  2. Arama motoru s\u0131ralamas\u0131na do\u011frudan etkisi:<\/b> Google, 2021’den itibaren Core Web Vitals’\u0131 s\u0131ralama fakt\u00f6r\u00fc olarak kullanmaktad\u0131r. Zay\u0131f bir LCP skoru, rakiplerinizin gerisinde kalman\u0131za neden olabilir.<\/span><\/li>\n<\/ol>\n

    LCP E\u015fik De\u011ferleri<\/span><\/h2>\n

    Google, LCP i\u00e7in \u00fc\u00e7 performans aral\u0131\u011f\u0131 tan\u0131mlam\u0131\u015ft\u0131r:<\/span><\/p>\n\n\n\n\n\n\n
    Performans<\/b><\/td>\nLCP De\u011feri<\/b><\/td>\n<\/tr>\n
    \u0130yi<\/span><\/td>\n2,5 saniye veya alt\u0131<\/span><\/td>\n<\/tr>\n
    \u0130yile\u015ftirme gerekli<\/span><\/td>\n2,5 \u2014 4,0 saniye aras\u0131<\/span><\/td>\n<\/tr>\n
    Zay\u0131f<\/span><\/td>\n4,0 saniyenin \u00fczeri<\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

    Bu e\u015fikler, sayfa y\u00fck\u00fcn\u00fcn ba\u015flad\u0131\u011f\u0131 andan \u2014 yani kullan\u0131c\u0131 sayfaya t\u0131klad\u0131\u011f\u0131 andan \u2014 itibaren \u00f6l\u00e7\u00fcl\u00fcr. Hedef, kullan\u0131c\u0131lar\u0131n en az %75’i i\u00e7in LCP de\u011ferini 2,5 saniyenin alt\u0131nda tutmakt\u0131r.<\/span><\/p>\n

    LCP Hangi \u00d6\u011feleri Dikkate Al\u0131r?<\/span><\/h2>\n

    Taray\u0131c\u0131, LCP hesaplamas\u0131nda yaln\u0131zca belirli \u00f6\u011fe t\u00fcrlerini dikkate al\u0131r:<\/span><\/p>\n

      \n
    • <img><\/span> etiketleri<\/span><\/li>\n
    • <image><\/span> i\u00e7indeki SVG \u00f6\u011feleri<\/span><\/li>\n
    • poster<\/span> \u00f6zelli\u011fiyle tan\u0131mlanm\u0131\u015f <\/span><video><\/span> elemanlar\u0131<\/span><\/li>\n
    • url()<\/span> fonksiyonuyla CSS arka plan g\u00f6rseli y\u00fcklenen \u00f6\u011feler<\/span><\/li>\n
    • Metin i\u00e7eren blok d\u00fczeyindeki \u00f6\u011feler (<\/span><p><\/span>, <\/span><h1><\/span>, <\/span><div><\/span> vb.)<\/span><\/li>\n<\/ul>\n

      LCP \u00f6\u011fesi, viewport i\u00e7inde g\u00f6r\u00fcnen bu t\u00fcrlerdeki en b\u00fcy\u00fck \u00f6\u011fedir. Sayfa y\u00fcklenirken LCP \u00f6\u011fesi de\u011fi\u015febilir; taray\u0131c\u0131 her yeni b\u00fcy\u00fck \u00f6\u011fe render etti\u011finde LCP de\u011ferini g\u00fcnceller ve kullan\u0131c\u0131 sayfayla etkile\u015fime ge\u00e7ti\u011finde (t\u0131klama, kayd\u0131rma) son de\u011feri kesinle\u015ftirir.<\/span><\/p>\n

      Dikkate al\u0131nmayan \u00f6\u011feler:<\/b><\/p>\n

        \n
      • G\u00f6r\u00fcn\u00fcr alandan ta\u015fan i\u00e7erik (overflow ile gizlenen)<\/span><\/li>\n
      • Opakl\u0131\u011f\u0131 s\u0131f\u0131r olan, g\u00f6r\u00fcnmez \u00f6\u011feler<\/span><\/li>\n
      • Tam ekran kaplayan arka plan g\u00f6rselleri (bilgi i\u00e7ermedi\u011fi kabul edilir)<\/span><\/li>\n
      • <iframe><\/span> i\u00e7indeki \u00f6\u011feler<\/span><\/li>\n<\/ul>\n

        LCP Nas\u0131l \u00d6l\u00e7\u00fcl\u00fcr?<\/span><\/h2>\n

        Chrome DevTools<\/span><\/h3>\n
          \n
        1. DevTools’u a\u00e7\u0131n (F12)<\/span><\/li>\n
        2. Performance<\/b> sekmesine ge\u00e7in<\/span><\/li>\n
        3. Sayfay\u0131 yeniden y\u00fckleyerek kayd\u0131 ba\u015flat\u0131n<\/span><\/li>\n
        4. Kay\u0131t tamamland\u0131\u011f\u0131nda <\/span>Timings<\/b> sat\u0131r\u0131nda LCP i\u015faret\u00e7isini g\u00f6receksiniz<\/span><\/li>\n
        5. \u0130\u015faret\u00e7iye t\u0131klayarak hangi \u00f6\u011fenin LCP olarak belirlendi\u011fini ve tam zamanlamas\u0131n\u0131 inceleyebilirsiniz<\/span><\/li>\n<\/ol>\n

          PageSpeed Insights<\/span><\/h3>\n

          Google’\u0131n PageSpeed Insights arac\u0131 hem laboratuvar verisi (Lighthouse) hem de ger\u00e7ek kullan\u0131c\u0131 verisi (CrUX \u2014 Chrome User Experience Report) sunar. Ger\u00e7ek kullan\u0131c\u0131 verisi, sitenizin pratikte nas\u0131l performans g\u00f6sterdi\u011fini anlamak i\u00e7in laboratuvar verisinden daha de\u011ferlidir.<\/span><\/p>\n

          Search Console<\/span><\/h3>\n

          Google Search Console’daki <\/span>Core Web Vitals<\/b> raporu, sitenizin farkl\u0131 sayfalar\u0131ndaki LCP performans\u0131n\u0131 toplu olarak g\u00f6sterir ve hangi URL’lerin iyile\u015ftirme gerektirdi\u011fini listeler.<\/span><\/p>\n

          LCP’yi Etkileyen Fakt\u00f6rler Nelerdir?<\/span><\/h2>\n

          LCP de\u011feri d\u00f6rt ana kategoride incelenebilir:<\/span><\/p>\n

          Sunucu Yan\u0131t S\u00fcresi (TTFB)<\/span><\/h3>\n

          Taray\u0131c\u0131 ilk byte’\u0131 almadan hi\u00e7bir \u015fey render edemez. Y\u00fcksek Time to First Byte (TTFB) de\u011feri, t\u00fcm sonraki metrikleri olumsuz etkiler. Sunucu yan\u0131t s\u00fcresini etkileyen ba\u015fl\u0131ca fakt\u00f6rler: sunucu donan\u0131m\u0131, veritaban\u0131 sorgu s\u00fcreleri, sunucu taraf\u0131 \u00f6nbellekleme ve CDN kullan\u0131m\u0131.<\/span><\/p>\n

          Render-Blocking Kaynaklar<\/span><\/h3>\n

          Taray\u0131c\u0131, HTML’yi ayr\u0131\u015ft\u0131r\u0131rken <\/span><head><\/span> b\u00f6l\u00fcm\u00fcnde kar\u015f\u0131la\u015ft\u0131\u011f\u0131 CSS ve JavaScript dosyalar\u0131n\u0131 indirip i\u015flemeden render’a devam edemez. Bu dosyalar render s\u00fcrecini bloke eder ve LCP \u00f6\u011fesinin ekrana gelme zaman\u0131n\u0131 geciktirir.<\/span><\/p>\n

          Kaynak Y\u00fckleme S\u00fcresi<\/span><\/h3>\n

          LCP \u00f6\u011fesi \u00e7o\u011funlukla bir g\u00f6rsel oldu\u011fundan, g\u00f6rselin y\u00fckleme s\u00fcresi do\u011frudan LCP’yi belirler. G\u00f6rselin boyutu, format\u0131, sunucunun konumu ve CDN kullan\u0131m\u0131 bu s\u00fcreyi etkiler.<\/span><\/p>\n

          \u0130stemci Taraf\u0131 Render<\/span><\/h3>\n

          JavaScript ile olu\u015fturulan (client-side rendering) sayfalarda taray\u0131c\u0131 \u00f6nce bo\u015f bir HTML al\u0131r, ard\u0131ndan JavaScript’i \u00e7al\u0131\u015ft\u0131rarak i\u00e7eri\u011fi olu\u015fturur. Bu s\u00fcre\u00e7 LCP’yi ciddi \u00f6l\u00e7\u00fcde art\u0131rabilir \u00e7\u00fcnk\u00fc LCP \u00f6\u011fesi JavaScript \u00e7al\u0131\u015fana kadar DOM’da mevcut de\u011fildir.<\/span><\/p>\n

          LCP Nas\u0131l \u0130yile\u015ftirilir?<\/span><\/h2>\n
            \n
          1. \n
              \n
            1. LCP \u00d6\u011fesini \u00d6nceden Y\u00fckleyin (Preload)<\/span><\/li>\n
            2. G\u00f6rsel Formatlar\u0131n\u0131 Optimize Edin<\/span><\/li>\n
            3. Lazy Loading’i LCP \u00d6\u011fesine Uygulamay\u0131n<\/span><\/li>\n<\/ol>\n<\/li>\n<\/ol>\n
                \n
              • \n

                Render-Blocking Kaynaklar\u0131 Ortadan Kald\u0131r\u0131n<\/b><\/h4>\n<\/li>\n<\/ul>\n
                  \n
                • \n

                  CDN ve Sunucu Optimizasyonu<\/b><\/h4>\n<\/li>\n<\/ul>\n
                    \n
                  • \n

                    Kritik CSS’i Inline Olarak Yerle\u015ftirin<\/b><\/h4>\n<\/li>\n<\/ul>\n

                    LCP \u00d6\u011fesi Nas\u0131l Belirlenir?<\/span><\/h3>\n

                    Taray\u0131c\u0131, sayfa y\u00fcklenirken viewport i\u00e7inde render edilen \u00f6\u011feleri boyutlar\u0131na g\u00f6re takip eder. Her yeni b\u00fcy\u00fck \u00f6\u011fe belirdi\u011finde LCP aday\u0131 g\u00fcncellenir. Kullan\u0131c\u0131 sayfayla etkile\u015fime ge\u00e7ti\u011fi anda (t\u0131klama veya kayd\u0131rma) o anki en b\u00fcy\u00fck \u00f6\u011fe LCP olarak kesinle\u015fir. Hangi \u00f6\u011fenin LCP oldu\u011funu Chrome DevTools’un Performance sekmesinden veya PageSpeed Insights’tan g\u00f6rebilirsiniz.<\/span><\/p>\n

                    LCP Skoru Cihaza G\u00f6re De\u011fi\u015fir mi?<\/span><\/h3>\n

                    Evet. Mobil cihazlar genellikle daha yava\u015f i\u015flemci ve a\u011f ba\u011flant\u0131s\u0131na sahip oldu\u011fundan mobil LCP skorlar\u0131 masa\u00fcst\u00fcne k\u0131yasla daha y\u00fcksek \u00e7\u0131kar. Google, mobil ve masa\u00fcst\u00fc skorlar\u0131n\u0131 ayr\u0131 ayr\u0131 de\u011ferlendirir; her ikisi i\u00e7in de optimizasyon yap\u0131lmas\u0131 \u00f6nerilir.<\/span><\/p>\n

                    Tek Sayfa Uygulamalar\u0131nda LCP nas\u0131l \u00f6l\u00e7\u00fcl\u00fcr?<\/span><\/h3>\n

                    Tek sayfa uygulamalar\u0131nda sayfa ge\u00e7i\u015fleri ger\u00e7ek bir sayfa y\u00fcklemesi olmad\u0131\u011f\u0131ndan LCP yaln\u0131zca ilk y\u00fcklemede \u00f6l\u00e7\u00fcl\u00fcr. Sonraki route ge\u00e7i\u015flerinde LCP hesaplanmaz. Bu nedenle tek sayfa uygulamalar\u0131nda ilk y\u00fckleme performans\u0131 ve SSR\/SSG kullan\u0131m\u0131 \u00f6zellikle kritiktir.<\/span><\/p>\n

                    LCP 0 veya \u00c7ok D\u00fc\u015f\u00fck \u00c7\u0131k\u0131yorsa Ne Anlama Gelir?<\/span><\/h3>\n

                    LCP de\u011ferinin s\u0131f\u0131r veya beklenmedik derecede d\u00fc\u015f\u00fck \u00e7\u0131kmas\u0131 genellikle \u00f6l\u00e7\u00fcm arac\u0131n\u0131n LCP’ye uygun \u00f6\u011fe bulamamas\u0131 anlam\u0131na gelir. Sayfa yaln\u0131zca metin i\u00e7eriyorsa veya b\u00fcy\u00fck g\u00f6rsel \u00f6\u011feler viewport d\u0131\u015f\u0131nda kal\u0131yorsa bu durum olu\u015fabilir. DevTools ile hangi \u00f6\u011fenin LCP olarak se\u00e7ildi\u011fini kontrol etmek gerekir.<\/span><\/p>\n

                    Font Y\u00fcklemesi LCP’yi Etkiler mi?<\/span><\/h3>\n

                    Dolayl\u0131 olarak evet. E\u011fer LCP \u00f6\u011fesi b\u00fcy\u00fck bir metin blo\u011fuysa ve bu metnin fontu ge\u00e7 y\u00fckleniyorsa, taray\u0131c\u0131 ger\u00e7ek fontu g\u00f6sterene kadar g\u00f6r\u00fcnmez metin (FOIT) veya yedek fontla g\u00f6sterim (FOUT) yapabilir. <\/span>font-display: swap<\/span> ve <\/span><link rel=”preload”><\/span> ile font y\u00fcklemesi optimize edilebilir.<\/span><\/p>\n

                    G\u00f6rsel CDN Servisleri LCP’ye Nas\u0131l Katk\u0131 Sa\u011flar?<\/span><\/h3>\n

                    Cloudinary, Imgix veya Cloudflare Images gibi g\u00f6rsel CDN servisleri; otomatik format d\u00f6n\u00fc\u015f\u00fcm\u00fc (WebP\/AVIF), boyutland\u0131rma, s\u0131k\u0131\u015ft\u0131rma ve co\u011frafi da\u011f\u0131t\u0131m \u00f6zelliklerini bir arada sunar. \u00d6zellikle g\u00f6rsel a\u011f\u0131rl\u0131kl\u0131 sitelerde bu servisler LCP \u00fczerinde do\u011frudan ve \u00f6l\u00e7\u00fclebilir iyile\u015fme sa\u011flar.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"

                    Largest Contentful Paint (LCP), bir web sayfas\u0131n\u0131n g\u00f6r\u00fcn\u00fcr alan\u0131nda (viewport) yer alan en b\u00fcy\u00fck i\u00e7erik \u00f6\u011fesinin ekranda tam olarak render edildi\u011fi an\u0131 \u00f6l\u00e7en bir performans metri\u011fidir. Google’\u0131n Core Web Vitals setinin par\u00e7as\u0131 olan LCP, kullan\u0131c\u0131n\u0131n sayfan\u0131n “y\u00fcklendi\u011fini” hissetti\u011fi an\u0131 temsil eder ve hem kullan\u0131c\u0131 deneyimi hem de arama motoru s\u0131ralamas\u0131 a\u00e7\u0131s\u0131ndan kritik \u00f6neme sahiptir. LCP […]<\/p>\n","protected":false},"author":1,"featured_media":5409,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-5406","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-genel"],"_links":{"self":[{"href":"https:\/\/hostingdunyam.com.tr\/blog\/wp-json\/wp\/v2\/posts\/5406","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hostingdunyam.com.tr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hostingdunyam.com.tr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hostingdunyam.com.tr\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hostingdunyam.com.tr\/blog\/wp-json\/wp\/v2\/comments?post=5406"}],"version-history":[{"count":1,"href":"https:\/\/hostingdunyam.com.tr\/blog\/wp-json\/wp\/v2\/posts\/5406\/revisions"}],"predecessor-version":[{"id":5408,"href":"https:\/\/hostingdunyam.com.tr\/blog\/wp-json\/wp\/v2\/posts\/5406\/revisions\/5408"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hostingdunyam.com.tr\/blog\/wp-json\/wp\/v2\/media\/5409"}],"wp:attachment":[{"href":"https:\/\/hostingdunyam.com.tr\/blog\/wp-json\/wp\/v2\/media?parent=5406"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hostingdunyam.com.tr\/blog\/wp-json\/wp\/v2\/categories?post=5406"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hostingdunyam.com.tr\/blog\/wp-json\/wp\/v2\/tags?post=5406"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}