{"id":59,"date":"2026-10-28T20:53:26","date_gmt":"2026-10-28T17:53:26","guid":{"rendered":"https:\/\/fluxwp.com\/wordpress-core-web-vitals\/"},"modified":"2026-11-03T20:53:27","modified_gmt":"2026-11-03T17:53:27","slug":"wordpress-core-web-vitals","status":"publish","type":"post","link":"https:\/\/fluxwp.com\/tr\/wordpress-core-web-vitals\/","title":{"rendered":"WordPress&#8217;te Core Web Vitals: LCP, INP ve CLS neyi \u00f6l\u00e7er, nas\u0131l iyile\u015fir?"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Core Web Vitals, Google&#8217;\u0131n bir sayfan\u0131n ger\u00e7ek ziyaret\u00e7iye nas\u0131l hissettirdi\u011fini anlatmak i\u00e7in kulland\u0131\u011f\u0131 \u00fc\u00e7 \u00f6l\u00e7\u00fcmd\u00fcr: ana i\u00e7erik ne kadar \u00e7abuk g\u00f6r\u00fcn\u00fcyor, sayfa bir dokunu\u015fa ne kadar h\u0131zl\u0131 tepki veriyor, d\u00fczen ne kadar kay\u0131yor. Google&#8217;\u0131n sayfa deneyimi sinyallerinin par\u00e7as\u0131d\u0131rlar; daha da \u00f6nemlisi, ziyaret\u00e7inin vazge\u00e7ti\u011fi anlar\u0131 yakalarlar. Bu yaz\u0131da her birinin bir WordPress sitesinde neyi \u00f6l\u00e7t\u00fc\u011f\u00fcn\u00fc ve k\u0131rm\u0131z\u0131 yand\u0131\u011f\u0131nda ilk nereye bakman\u0131z gerekti\u011fini anlat\u0131yoruz.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u00dc\u00e7 \u00f6l\u00e7\u00fcm ve hedefleri<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>LCP (Largest Contentful Paint):<\/strong> Ekrandaki en b\u00fcy\u00fck g\u00f6rselin ya da metin blo\u011funun \u00e7izilme s\u00fcresi. 2,5 saniye ve alt\u0131 iyidir.<\/li>\n\n\n<li><strong>INP (Interaction to Next Paint):<\/strong> Ziyaret boyunca bir t\u0131klama, dokunma ya da tu\u015fa basmadan sonra sayfan\u0131n g\u00f6rsel olarak tepki verme s\u00fcresi. 200 milisaniye ve alt\u0131 iyidir. INP, Mart 2024&#8217;te First Input Delay&#8217;in yerini ald\u0131.<\/li>\n\n\n<li><strong>CLS (Cumulative Layout Shift):<\/strong> G\u00f6r\u00fcnen i\u00e7eri\u011fin beklenmedik \u015fekilde ne kadar yer de\u011fi\u015ftirdi\u011fi. 0,1 ve alt\u0131 iyidir.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Google bir sayfay\u0131 ger\u00e7ek ziyaretlerin 75. y\u00fczdelik dilimine g\u00f6re, mobil ve masa\u00fcst\u00fc ayr\u0131 ayr\u0131 de\u011ferlendirir. Ofis Wi-Fi&#8217;\u0131ndaki h\u0131zl\u0131 bir diz\u00fcst\u00fc bilgisayar size pek bir \u015fey s\u00f6ylemez; as\u0131l \u00f6nemli olan s\u0131radan telefonlarda, s\u0131radan ba\u011flant\u0131larla al\u0131nan de\u011ferdir. Tan\u0131mlar ve e\u015fikler <a href=\"https:\/\/web.dev\/articles\/vitals\" target=\"_blank\" rel=\"noopener\">web.dev&#8217;in Web Vitals sayfas\u0131ndan<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Bir \u015feyi de\u011fi\u015ftirmeden \u00f6nce \u00f6l\u00e7\u00fcn<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u00d6nemli sayfalar\u0131n\u0131z\u0131 <a href=\"https:\/\/pagespeed.web.dev\/\" target=\"_blank\" rel=\"noopener\">PageSpeed Insights<\/a>&#8216;ta a\u00e7\u0131n. Siteniz yeterince trafik al\u0131yorsa \u00fcst b\u00f6l\u00fcmde Chrome kullan\u0131c\u0131lar\u0131ndan gelen ger\u00e7ek veriler g\u00f6r\u00fcn\u00fcr; alttaki laboratuvar b\u00f6l\u00fcm\u00fc tek bir sim\u00fclasyon y\u00fcklemesidir. D\u00fczeltmeyi ger\u00e7ek veriye g\u00f6re se\u00e7in, nedeni bulmak i\u00e7in laboratuvar raporunu kullan\u0131n. Search Console&#8217;daki Core Web Vitals raporu benzer adresleri gruplad\u0131\u011f\u0131 i\u00e7in tek bir \u015fablon d\u00fczeltmesi y\u00fczlerce sayfay\u0131 birden ye\u015file \u00e7evirebilir.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">LCP&#8217;yi iyile\u015ftirmek<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u00c7o\u011fu WordPress sitesinde LCP \u00f6\u011fesi, ana sayfadaki b\u00fcy\u00fck g\u00f6rsel ya da yaz\u0131n\u0131n \u00f6ne \u00e7\u0131kan g\u00f6rselidir. Yava\u015f LCP&#8217;nin ola\u011fan nedenleri yava\u015f sunucu yan\u0131t\u0131, b\u00fcy\u00fck g\u00f6rsel ve taray\u0131c\u0131n\u0131n ge\u00e7 fark etti\u011fi g\u00f6rseldir.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u00dcstteki g\u00f6rseli WebP ya da AVIF olarak, ekranda g\u00f6sterildi\u011fi boyutta sunun; y\u00fckledi\u011finiz orijinal dosyay\u0131 de\u011fil.<\/li>\n\n\n<li>Ekran\u0131n \u00fcst k\u0131sm\u0131ndaki g\u00f6rseli asla ge\u00e7 y\u00fcklemeye (lazy load) b\u0131rakmay\u0131n. WordPress ilk b\u00fcy\u00fck g\u00f6rsele <code>fetchpriority=\"high\"<\/code> ekler; teman\u0131z\u0131n ya da bir eklentinin bunu geri almad\u0131\u011f\u0131ndan emin olun.<\/li>\n\n\n<li>Sayfa \u00f6nbelle\u011fi kullan\u0131n ki HTML h\u0131zl\u0131 gelsin. \u0130yi bir sunucuda \u00f6nbellekteki bir sayfa bir saniyenin epey alt\u0131nda gelmeye ba\u015flamal\u0131.<\/li>\n\n\n<li>Web fontlar\u0131n\u0131 <code>font-display: swap<\/code> ile y\u00fckleyin ve yaln\u0131zca ilk ekran\u0131n ihtiya\u00e7 duydu\u011fu bir iki dosyay\u0131 \u00f6nceden y\u00fckleyin.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/web.dev\/articles\/optimize-lcp\" target=\"_blank\" rel=\"noopener\">LCP&#8217;yi iyile\u015ftirme rehberi<\/a> \u00f6l\u00e7\u00fcm\u00fc d\u00f6rt par\u00e7aya ay\u0131r\u0131yor; \u00e7\u00f6z\u00fcm hemen belli olmad\u0131\u011f\u0131nda i\u015fe yar\u0131yor.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">INP&#8217;yi iyile\u015ftirmek<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">INP&#8217;nin konusu JavaScript&#8217;tir. Ana i\u015f par\u00e7ac\u0131\u011f\u0131 betik \u00e7al\u0131\u015ft\u0131rmakla me\u015fgulken bir dokunu\u015f s\u0131rada bekler. Kayd\u0131r\u0131c\u0131lar, sohbet balonlar\u0131, takip etiketleri ve b\u00fcy\u00fck dosyalar y\u00fckleyen sayfa olu\u015fturucular en s\u0131k kar\u015f\u0131la\u015f\u0131lan nedenlerdir.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Art\u0131k kullanmad\u0131\u011f\u0131n\u0131z eklentileri kald\u0131r\u0131n, kalanlar\u0131n \u00f6n y\u00fczde neler y\u00fckledi\u011fine bak\u0131n.<\/li>\n\n\n<li>\u0130lk etkile\u015fim i\u00e7in gerekmeyen \u00fc\u00e7\u00fcnc\u00fc taraf betikleri (sohbet balonlar\u0131, \u0131s\u0131 haritalar\u0131 gibi) geciktirin.<\/li>\n\n\n<li>Olay i\u015fleyicilerini k\u0131sa tutun. Bir t\u0131klamadan sonra yap\u0131lacak a\u011f\u0131r i\u015fi par\u00e7alara b\u00f6l\u00fcn ya da ana i\u015f par\u00e7ac\u0131\u011f\u0131n\u0131n d\u0131\u015f\u0131na ta\u015f\u0131y\u0131n.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">CLS&#8217;yi iyile\u015ftirmek<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">D\u00fczen kaymas\u0131, bir \u015fey sonradan belirip i\u00e7eri\u011fi a\u015fa\u011f\u0131 itti\u011finde olur. Boyutu belirtilmemi\u015f g\u00f6rseller, ge\u00e7 y\u00fcklenip yaz\u0131 boyutunu de\u011fi\u015ftiren fontlar, i\u00e7eri\u011fin \u00fcst\u00fcne eklenen \u00e7erez bildirimleri ve yeri ayr\u0131lmam\u0131\u015f reklamlar kayman\u0131n b\u00fcy\u00fck k\u0131sm\u0131n\u0131 olu\u015fturur.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Her g\u00f6rsele ve videoya geni\u015flik ve y\u00fckseklik verin ya da CSS&#8217;te <code>aspect-ratio<\/code> tan\u0131mlay\u0131n.<\/li>\n\n\n<li>Bildirimleri sayfay\u0131 a\u015fa\u011f\u0131 itmek yerine ekran\u0131n alt\u0131nda, i\u00e7eri\u011fin \u00fczerinde g\u00f6sterin.<\/li>\n\n\n<li>Animasyonlarda d\u00fczeni oynatmayan <code>transform<\/code> ve <code>opacity<\/code> kullan\u0131n.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">H\u0131z da SEO bak\u0131m\u0131n\u0131n par\u00e7as\u0131<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">H\u0131zl\u0131 sayfa zay\u0131f i\u00e7eri\u011fi kurtarmaz; iyi i\u00e7erik de yava\u015f bir sayfada okunmadan kaybolur. Core Web Vitals&#8217;\u0131 ba\u015fl\u0131klar, site haritas\u0131 ve i\u00e7 ba\u011flant\u0131larla ayn\u0131 rutinin par\u00e7as\u0131 olarak g\u00f6r\u00fcn. Rutinin geri kalan\u0131 <a href=\"https:\/\/fluxwp.com\/tr\/wordpress-seo-kontrol-listesi\/\">WordPress SEO kontrol listemizde<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">FluxWP nerede yard\u0131mc\u0131 oluyor?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/fluxwp.com\/tr\/plugins\/?q=speed\">Flux Speed<\/a>, yava\u015f istekleri ve a\u011f\u0131r sorgular\u0131 y\u00f6netim panelinin i\u00e7inden g\u00f6sterir; hangi eklentinin ya da sayfan\u0131n zaman kaybettirdi\u011fini g\u00f6r\u00fcrs\u00fcn\u00fcz. FluxWP eklentileri ayn\u0131 paneli ve ayn\u0131 tasar\u0131m sistemini payla\u015ft\u0131\u011f\u0131 i\u00e7in formlar, ekip gelen kutusu ve analitik kullanan bir site \u00fc\u00e7 ayr\u0131 dosya seti yerine tek bir set y\u00fckler. Darbo\u011faz sunucudaysa <a href=\"https:\/\/fluxwp.com\/tr\/#hosting\">y\u00f6netilen hosting paketlerimiz<\/a> \u00f6nbellekle birlikte, WooCommerce&#8217;e g\u00f6re ayarlanm\u0131\u015f olarak gelir.<\/p>\n\n","protected":false},"excerpt":{"rendered":"<p>\u00dc\u00e7 Core Web Vitals \u00f6l\u00e7\u00fcm\u00fcn\u00fcn neyi \u00f6l\u00e7t\u00fc\u011f\u00fc, hedefleri ve her birini iyile\u015ftiren WordPress d\u00fczeltmeleri: LCP i\u00e7in g\u00f6rsel ve \u00f6nbellek, INP i\u00e7in betikler, CLS i\u00e7in boyutlar.<\/p>\n","protected":false},"author":1,"featured_media":49,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_flxseo_title":"WordPress'te Core Web Vitals: LCP, INP ve CLS nas\u0131l iyile\u015fir?","_flxseo_desc":"WordPress sitenizi h\u0131zland\u0131r\u0131n: LCP, INP ve CLS neyi \u00f6l\u00e7er, iyi de\u011ferler nedir, nas\u0131l test edilir ve her biri i\u00e7in i\u015fe yarayan d\u00fczeltmeler.","_flxseo_focus":"","_flxseo_noindex":false,"_flxseo_image":""},"categories":[22],"tags":[28,29,24],"class_list":["post-59","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-performance","tag-core-web-vitals","tag-page-speed","tag-wordpress"],"lang":"tr","translations":{"en":58,"tr":59},"_links":{"self":[{"href":"https:\/\/fluxwp.com\/tr\/wp-json\/wp\/v2\/posts\/59","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fluxwp.com\/tr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fluxwp.com\/tr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fluxwp.com\/tr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fluxwp.com\/tr\/wp-json\/wp\/v2\/comments?post=59"}],"version-history":[{"count":1,"href":"https:\/\/fluxwp.com\/tr\/wp-json\/wp\/v2\/posts\/59\/revisions"}],"predecessor-version":[{"id":66,"href":"https:\/\/fluxwp.com\/tr\/wp-json\/wp\/v2\/posts\/59\/revisions\/66"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/fluxwp.com\/tr\/wp-json\/wp\/v2\/media\/49"}],"wp:attachment":[{"href":"https:\/\/fluxwp.com\/tr\/wp-json\/wp\/v2\/media?parent=59"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fluxwp.com\/tr\/wp-json\/wp\/v2\/categories?post=59"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fluxwp.com\/tr\/wp-json\/wp\/v2\/tags?post=59"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}