Sayfa Hizi Optimizasyonu Rehberi 2026: Core Web Vitals ve Performans Stratejileri
Sayfa hizi, modern SEO'nun en kritik teknik bilesenlerinden biridir. Google, 2021'den bu yana Core Web Vitals metriklerini dogrudan siralama sinyali olarak kullaniyor ve 2026 yilinda bu metriklerin algoritmadaki agirligini artirmaya devam ediyor. Yavas yuklenen sayfalar yalnizca kullanici deneyimini bozmakla kalmaz; ayni zamanda organik siralama kayiplarina, dusuk donusum oranina ve artan hemen cikma oranina neden olur. Arastirmalar, sayfa yukleme suresinin bir saniye artmasinin donusum oranini yuzde 7 dusurebildigini gosteriyor. Mobil kullanicilarin yuzde 53'u, uc saniyeden uzun suren sayfalari terk ediyor. Bu rehberde sayfa hizi optimizasyonunun her boyutunu derinlemesine inceleyecek, Core Web Vitals metriklerini aciklayacak ve uygulanabilir stratejiler sunacagiz.
Sayfa Hizi Neden SEO Icin Bu Kadar Onemlidir?
Google, kullanici deneyimini siralama algoritmalarinin merkezine yerlestirmistir. Sayfa hizi, bu deneyimin en olculebilir ve en dogrudan etkili bilesenlerinden biridir. Hizli yuklenan sayfalar, arama motorlari icin kaliteli bir web sitesinin gostergesidir.
Sayfa hizinin SEO uzerindeki etkisi bircok katmanda kendini gosterir. Ilk olarak, Google dogrudan siralama sinyali olarak sayfa hizini kullanir. Core Web Vitals metriklerini gecemeyen sayfalar, rakiplerine kiyasla dezavantajli konuma duser. Ikinci olarak, yavas sayfalar kullanici davranis metriklerini olumsuz etkiler. Hemen cikma orani artar, sayfada gecirilen sure azalir ve sayfa basi oturum sayisi duser. Bu davranissal sinyaller de Google'in siralama algoritmalarini dolayli olarak etkiler. Ucuncu olarak, yavas siteler Googlebot'un tarama butcesini israf eder. Google, her siteye sinirli bir tarama butcesi ayirir ve yavas sayfalar bu butcenin verimli kullanilmasini engeller.
SEOctopus'un Technical Health Score ozelligi, sitenizin sayfa hizi performansini surekli izler ve Core Web Vitals metriklerinizdeki degisimleri gunluk olarak raporlar. Boylece performans dususlerini aninda fark edebilir ve maliyet olusturmadan once mudahale edebilirsiniz.
Core Web Vitals Detayli Aciklama
Core Web Vitals, Google'in web sayfalarinda kullanici deneyimini olcmek icin tanimladigi uc temel metriktir. Bu metrikler, gercek kullanici verilerine (CrUX) dayanir ve laboratuvar testleriyle de olculebilir.
LCP — Largest Contentful Paint
LCP, sayfadaki en buyuk gorunen icerigin ne kadar surede render edildigini olcer. Bu genellikle bir hero gorseli, buyuk bir metin blogu veya video onizlemesidir. Iyi bir LCP degeri 2.5 saniyenin altinda olmalidir. 2.5 ile 4 saniye arasi iyilestirme gerektiren, 4 saniyenin uzerindeki degerler ise kotu olarak degerlendirilir.
LCP'yi iyilestirmek icin sunucu yanitlama suresini azaltmaniz, render engelleyici kaynaklari ortadan kaldirmaniz, buyuk gorselleri optimize etmeniz ve kritik kaynaklari onceden yuklemeniz gerekir. En yaygin LCP sorunu, optimize edilmemis hero gorsellerdir. Bir gorseli WebP veya AVIF formatina donusturmek ve responsive srcset kullanmak, LCP suresini dramatik olarak iyilestirebilir.
INP — Interaction to Next Paint
INP, 2024 yilinda First Input Delay (FID) metriginin yerini almistir. INP, kullanicinin sayfayla etkilesime gectigi andan, tarayicinin bu etkilesime gorsel olarak yanit verdigi ana kadar gecen sureyi olcer. Butun etkilesimleri dikkate alir ve en kotu performans gosteren etkilesimi raporlar. Iyi bir INP degeri 200 milisaniyenin altinda olmalidir.
INP'yi iyilestirmek icin uzun sureli JavaScript gorevlerini parcalamaniz, ana thread'i bloklayan islemleri web worker'lara tasimainz, gereksiz yeniden render islemlerini onlemeniz ve etkilesim isleyicilerini optimize etmeniz gerekir. React tabanli uygulamalarda gereksiz state guncellemeleri ve fazla yeniden render islemleri, INP'nin en yaygin bozulma sebeplerindendir.
CLS — Cumulative Layout Shift
CLS, sayfa yuklenirken icerik elemanlarinin beklenmedik sekilde yer degistirmesini olcer. Kullanici bir butona tiklamak uzere iken sayfanin kaymasiyla yanlis yere tiklamasindan daha sinir bozucu bir deneyim yoktur. Iyi bir CLS degeri 0.1'in altinda olmalidir.
CLS'yi iyilestirmek icin gorsellere ve videolara acik boyut (width ve height) tanimlayin, reklam alanlarina sabit yukseklik ayirin, web fontlarini font-display swap ile yukleyin ve icerik enjeksiyonundan kacinin. Ozellikle reklam slotlari ve dinamik olarak yuklenen icerikler CLS'nin en buyuk kaynaklaridir.
SEOctopus, Core Web Vitals metriklerinizi hem laboratuvar verisiyle (Lighthouse entegrasyonu) hem de saha verisiyle (CrUX) izler. Her ucmetrik icin trendleri gosteren grafikler ve oncelikli iyilestirme onerileri sunar.
Sayfa Hizini Nasil Olcersiniz?
Dogru olcum yapamiyorsaniz, iyilestiremezsiniz. Sayfa hizi olcumu icin bircok arac mevcuttur ve her birinin farkli guclu yanlari vardir.
Google Lighthouse
Lighthouse, Chrome DevTools icerisinde yerlesik olarak gelen ve ayrica komut satirindan calistiriilabilen bir performans denetim aracidir. Performance, Accessibility, Best Practices, SEO ve PWA kategorilerinde ayrintili skorlar ve oneriler sunar. Lighthouse laboratuvar ortaminda calisan sentetik bir testtir; yani sonuclar cihaz ve ag kosullarina gore degisebilir.
PageSpeed Insights
Google'in PageSpeed Insights araci, hem laboratuvar verilerini (Lighthouse) hem de gercek kullanici verilerini (CrUX) tek bir raporda birlestirir. Bir URL girdiginizde, sayfanizin Core Web Vitals performansini gercek kullanici deneyimleriyle karsilastirabilirsiniz. Bu arac, optimizasyon firsatlarini oncelik sirasina gore listeler.
WebPageTest
WebPageTest, ileri duzey performans analizi icin en kapsamli aractir. Farkli lokasyonlardan, farkli cihazlardan ve farkli ag kosullarindan test yapabilirsiniz. Waterfall grafikleri, filmstrip gorunum ve video karsilastirma gibi ozellikler, performans darbogazlarini gorsel olarak tanimlmanizi saglar.
Chrome UX Report (CrUX)
CrUX, Chrome kullanicilarindan toplanan gercek performans verilerini iceren bir veritabanidir. BigQuery uzerinden sorgulama yapabilir veya CrUX API'si uzerinden programatik olarak erisebilirsiniz. CrUX verileri, Google'in siralama algoritmalarinda kullandigi gercek kullanici metriklerini temsil eder.
SEOctopus, Lighthouse entegrasyonu sayesinde tum sayfalarinizi otomatik olarak tarar ve performans skorlarini tekrar eden aralikalarda olcer. Skor degisimlerini takip eder ve performans dususlerinde otomatik uyari gonderir.
Gorsel Optimizasyonu
Gorseller, web sayfalarinin veri boyutunun ortalama yuzde 50'sini olusturur. Gorsel optimizasyonu, sayfa hizi iyilestirmesinde en buyuk kazanc potansiyeline sahip alandir.
Modern Gorsel Formatlari
WebP, JPEG'e kiyasla yuzde 25-35 daha kucuk dosya boyutu sunarken ayni gorsel kalitesini korur. AVIF ise WebP'den bile yuzde 20 daha kucuk dosyalar uretir ancak tarayici destegi henuz WebP kadar yaygin degildir. Ideal yaklasim, picture elementi ile AVIF'i birincil, WebP'yi yedek ve JPEG'i son cari olarak sunmaktir.
Lazy Loading
Ekranin altinda kalan gorselleri lazy loading ile yuklemek, ilk sayfa yukleme suresini dramatik olarak iyilestirir. HTML'de loading lazy ozelligini kullanmak yeterlidir. Ancak ekranin ust kismindaki gorsellere (ozellikle LCP elemani olan hero gorseline) lazy loading uygulamayin; bu LCP suresini olumsuz etkiler.
Responsive Gorseller
Farkli ekran boyutlari icin farkli boyutlarda gorsel sunmak, mobil cihazlarda gereksiz veri transferini onler. srcset ozelligi ile tarayiciya farkli boyutlarda gorsel alternatifleri sunabilirsiniz. Tarayici, cihazin ekran boyutuna ve piksel yogunluguna gore en uygun gorseli otomatik olarak secer.
CDN Uzerinden Gorsel Sunma
Gorselleri bir CDN (Content Delivery Network) uzerinden sunmak, kullaniciya en yakin sunucudan icerik iletilmesini saglar. Bu, ozellikle uluslararasi kitlesi olan siteler icin onemli bir hiz kazanici saglar. Modern gorsel CDN'leri ayrica otomatik format donusumu, boyutlandirma ve kalite optimizasyonu ozellikleri sunar.
JavaScript Optimizasyonu
JavaScript, modern web uygulamalarinin bel kemigi olmakla birlikte, performansin en buyuk dusmanlarindan biri olabilir. Optimize edilmemis JavaScript, ana thread'i bloklar, render suresini uzatir ve etkilesim tepki surelerini arttirir.
Code Splitting
Tum JavaScript'i tek bir dosyada gondermek yerine, kod parcalama (code splitting) ile her sayfanin yalnizca ihtiyac duydugu JavaScript'i yuklemesini saglayabilirsiniz. Next.js ve diger modern framework'ler, rota bazli kod parcalamayi otomatik olarak gerceklestirir. Dinamik import kullanarak belirli bilesenleri yalnizca ihtiyac duyuldugundan yuklenmelerini saglayabilirsiniz.
Tree Shaking
Tree shaking, kullanilmayan kodun paketin disinda birakilmasi islemidir. Modern bundler'lar (webpack, esbuild, Rollup) bu islemi otomatik olarak gerceklestirir ancak yalnizca ES module sozdizimi (import ve export) kullanildiginda etkilidir. CommonJS require ifadeleri tree shaking'e izin vermez. Kutuphane seciminde tree shaking destegi olup olmadigina dikkat edin.
Defer ve Async Stratejileri
Script etiketlerinde defer ve async ozelliklerini kullanarak JavaScript'in render suresini bloklamasini onleyebilirsiniz. defer, script'in HTML ayrlistirmasi tamamlandiktan sonra calistirilmasini saglar ve DOMContentLoaded olayindan once yurutur. async ise script'i indirirken HTML ayristirmasini durdurmaz ancak indirme tamamlandiginda hemen yurutur. Kritik olmayan ucuncu parti script'ler icin defer veya async kullanmak buyuk performans kazanici saglar.
Ana Thread Optimizasyonu
Uzun sureli JavaScript gorevleri ana thread'i bloklar ve INP metrigini olumsuz etkiler. 50 milisaniyeyi asan gorevleri daha kucuk parcalara bolmek icin requestIdleCallback, setTimeout veya yieldToMain gibi teknikler kullanilabilir. Agir hesaplama islemlerini Web Worker'lara tasimak da ana thread'i rahatlatir.
CSS Optimizasyonu
CSS, render engelleyici bir kaynak oldugundan optimize edilmemis CSS dosyalari sayfa goruntulemesini dogrudan geciktirir.
Critical CSS
Ekranin ust kisminda gorunen icerigin stillerini (critical CSS) inline olarak HTML icine yerlestirmek, harici CSS dosyalarinin yuklenmesini beklemeden ilk render'in gerceklesmesini saglar. Geri kalan CSS, asenkron olarak yuklenebilir. Bu teknik, ozellikle buyuk CSS dosyalarina sahip sitelerde LCP'yi onemli olcude iyilestirir.
Kullanilmayan CSS'i Temizleme
Buyuk projelerde zamanla biriken kullanilmayan CSS kurallari, dosya boyutunu gereksiz yere sisman lastirir. PurgeCSS ve benzeri araclar, HTML'de referans verilmeyen CSS kurallarini otomatik olarak tespit eder ve siler. Tailwind CSS gibi utility-first framework'ler, uretim derlemesinde kullanilmayan siniflari otomatik olarak temizler.
CSS Minification ve Compression
CSS dosyalarini minify etmek (bosluk, yorum ve gereksiz karakterleri silmek) ve GZIP veya Brotli ile sikistirmak, dosya boyutunu yuzde 70-90 oraninda azaltabilir. Modern build araclari bu islemleri otomatik olarak gerceklestirir.
Sunucu Tarafi Optimizasyonu
Sunucu performansi, sayfa hizinin temelini olusturur. En iyi optimize edilmis frontend bile, yavas bir sunucu yanitinda anlamini yitirir.
Onbellekleme Stratejileri
Tarayici onbellegi (browser caching), CDN onbellegi ve sunucu tarafi onbellekleme, tekrar eden isteklerin hizini dramatik olarak arttirir. Cache-Control bsliklerini dogru yapilandirmak, statik kaynaklarin (gorseller, CSS, JavaScript) her istekte yeniden indirilmesini onler. Dinamik icerikler icin stale-while-revalidate stratejisi, eski icerigi sunarken arka planda guncelleme yapar.
Sikistirma
Sunucu yanittlarini GZIP veya Brotli ile sikistirmak, transfer edilen veri miktarini onemli olcude azaltir. Brotli, GZIP'e kiyasla yuzde 15-25 daha iyi sikistirma orani sunar ve modern tum tarayicilar tarafindan desteklenir. Web sunucunuzda Brotli sikistirmayi aktif etmek, buyuk HTML, CSS ve JavaScript dosyalarinin transfer suresini azaltir.
HTTP/2 ve HTTP/3
HTTP/2, tek bir TCP baglantisi uzerinden coklu istek gonderebildigi icin HTTP/1.1'e kiyasla onemli performans iyilestirmeleri sunar. Multiplexing, server push ve header compression ozellikleri sayfa yukleme suresini azaltir. HTTP/3 ise QUIC protokolunu kullanarak daha da dusuk gecikme sureleri saglar. Web sunucunuzun HTTP/2 veya HTTP/3 desteklediginden emin olun.
CDN Kullanimi
CDN, iceriklerinizi dunyanin dort bir yanindaki edge sunuculara dagitarak kullanicilara en yakin noktadan iletim saglar. Bu, ozellikle uluslararasi kitlesi olan siteler icin buyuk bir hiz avantaji saglar. Cloudflare, Fastly ve AWS CloudFront gibi CDN saglayicilari, otomatik gorsel optimizasyonu, DDoS korumasi ve edge computing gibi ek ozellikler de sunar.
Font Optimizasyonu
Web fontlari, sayfa yukleme suresi uzerinde surpriz derecede buyuk bir etkiye sahip olabilir. Optimize edilmemis font stratejileri, gorsel metin gorunmezligi (FOIT) veya gorunmeyen metin (FOUT) sorunlarina yol acar.
Font Display Swap
CSS'de font-display swap tanimlamak, font dosyasi yuklenirken sistem fontunu goruntulenmesini ve font hazir oldugunda degistirmesini saglar. Bu, metnin aninda gorunmesini garanti eder ve LCP metrigini korur. Eger markaniz icin font gorunum degisikligi kabul edilemezse, font-display optional kullanarak font yuklenemediyse sistem fontunu kalici olarak kullanabilirsiniz.
Font Preloading
Kritik fontlari link rel preload ile onceden yuklemek, tarayicinin font dosyasini daha erken kesfetmesini ve indirmesini saglar. Bu, ozellikle CSS dosyasinin icinde tanimlanan font-face ifadelerinin tarayici tarafindan gec kesfedilmesi sorununu cozer. Ancak yalnizca ekranin ust kisminda kullanilan fontlari onceden yukleyin; gereksiz preload kaynak israfina neden olur.
Font Subsetting
Kullanmadiginiz karakterleri font dosyasindan cikarmak (subsetting), dosya boyutunu onemli olcude azaltir. Ornegin yalnizca Latin karakterleri kullanan bir site icin Kiril ve Arapca karakter setlerini barindirmak gereksizdir. Google Fonts, unicode-range ozelligi ile otomatik subsetting uygular. Kendi barindirdiginiz fontlar icin glyphhanger veya fonttools gibi araclar kullanabilirsiniz.
Degisken Fontlar
Degisken fontlar (variable fonts), tek bir font dosyasinda bircok agirlik ve stil barindirir. Normal, bold, italic gibi her varyasyon icin ayri dosya yuklemek yerine tek bir degisken font dosyasi kullanmak, toplam font veri transferini yuzde 50-70 oraninda azaltabilir.
Ucuncu Parti Script Yonetimi
Ucuncu parti scriptler (analitik, reklam, sohbet widget'leri, sosyal medya butonlari) sayfa hizinin sessiz katilleridir. Her bir ucuncu parti script ek DNS sorgusu, ek HTTP istegi ve ek JavaScript yurutme suresi ekler.
Ucuncu Parti Script Denetimi
Sayfanizda calistiginiz tum ucuncu parti scriptleri duzgunli olarak denetleyin. Chrome DevTools'un Network sekmesinde ucuncu parti isteklerini filtreleyerek hangi scriptlerin ne kadar kaynak tukettigini gorebilirsiniz. Degerini kanitlayamayan scriptleri kaldirin. Her yeni ucuncu parti script eklemeden once performans etkisini olcun.
Geciktirilmis Yukleme
Kritik olmayan ucuncu parti scriptleri geciktirerek yukleyin. Analitik scriptlerini sayfa yuklendikten sonra baslatabilirsiniz. Canli sohbet widget'lerini kullanicinin sayfa ile etkilesime gecmesinden sonra yukleyebilirsiniz. Sosyal medya paylasim butonlarini kullanici ilgili bolume scroll ettiginde aktif edebilirsiniz. Bu yaklasim, ilk sayfa yukleme performansini onemli olcude iyilestirir.
Facade Deseni
Agir ucuncu parti widget'leri icin facade (cephe) deseni kullanin. Ornegin bir YouTube videosu yerine once statik bir onizleme gorseli gosterin ve kullanici tikladiginda gercek video oynaticisini yukleyin. Bu teknik, baslangic JavaScript yuklenmesini yuzlerce kilobayt azaltabilir.
Mobil Performans Dikkat Noktalari
Mobil cihazlar, masaustu bilgisayarlara kiyasla sinirli islemci gucu, sinirli bellek ve degisken ag kosullarina sahiptir. Bu nedenle mobil performans optimizasyonu ayri bir ilgi gerektirir.
Mobil Oncelikli Yaklasim
Google mobil oncelikli dizinleme kullandigindan, sayfa hizi optimizasyonu oncelikle mobil deneyime odaklanmalidir. Lighthouse'da mobil simulsyon ile test yapin ve gercek mobil cihazlarda performansi dogrulayin. Chrome DevTools'un throttling ozelligi ile yavas ag ve dusuk islemci guclu kosullari simule edebilirsiniz.
Responsive Tasarim ve Performans
Responsive tasarim, performans gozetilerek uygulanmalidir. Masaustu icin tasarlanmis buyuk gorselleri mobilde de yuklemek kaynak israfidir. picture elementi ve srcset ile cihaza uygun gorsel boyutlari sunun. Mobilde gereksiz icerik ve widget'leri CSS ile gizlemek yerine, JavaScript ile kosullu olarak yukleyin; gizlenmis elementler hala indirilir.
Touch Etkilesim Optimizasyonu
Mobil cihazlarda dokunma etkilesimleri icin 300 milisaniyelik gecikme sorununu meta viewport tagi ile cozun. Dokunma hedeflerini en az 48x48 piksel yaparak kullanici hatalarini azaltin. Bu hem kullanici deneyimini hem de CLS metrigini iyilestirir.
Izleme ve Uyari Sistemleri
Sayfa hizi optimizasyonu bir defalik bir gorev degildir; surekli izleme ve iyilestirme gerektiren devam eden bir surcetir.
Surekli Performans Izleme
Uretim ortaminda gercek kullanici metriklerini (RUM) toplamak, laboratuvar testlerinin yakalamadiigi sorunlari ortaya cikarir. Performance Observer API'si ile Core Web Vitals verilerini gercek zamanli olarak toplayabilir ve analitik platformunuza gonderebilirsiniz. SEOctopus'un Core Web Vitals monitoring ozelligi, tum sayfalarinizin performansini surekli izler ve trendleri gorsellestirir.
Performans Butceleri
Her sayfa tipi icin performans butceleri tanimlayin. Ornegin toplam JavaScript boyutu 300 KB'yi, toplam gorsel boyutu 500 KB'yi, LCP suresi 2.5 saniyeyi asmamali gibi sinirlar belirleyin. CI/CD pipeline'iniza performans butce kontrollerini ekleyerek, siniri asan degisikliklerin uretime cikmassini engelleyin.
Uyari Mekanizmalari
Performans metrikleri belirli esik degerlerin altina dustugunde otomatik uyari alan bir sistem kurun. SEOctopus, Technical Health Score'daki degisiklikleri izler ve performans dususlerinde aninda bildirim gonderir. Bu sayede sorunlari kullanicilariniz farketmeden once tespit edip cozebilirsiniz.
Yaygin Hiz Sorunlari ve Cozumleri
Pratikte en sik karsilasilan sayfa hizi sorunlarini ve cozumlerini inceleyelim.
Optimize Edilmemis Gorseller
En yaygin hiz sorunu, boyutu ve formati optimize edilmemis gorsellerdir. Orijinal boyutunda yuklenen bir kamera fotografisi sayfaya megabaytlarca gereksiz veri ekler. Cozum olarak gorselleri WebP veya AVIF formatina donusturun, responsive srcset kullanin, lazy loading uygulayin ve bir gorsel CDN'i kullanin.
Render Engelleyici Kaynaklar
Sayfanin head bolumundeki senkkron CSS ve JavaScript dosyalari, tarayicinin sayfa icerigini goruntlemesini engeller. Critical CSS'i inline yapin, geri kalan CSS'i asenkron yukleyin ve script etiketlerine defer veya async ekleyin.
Asiri DOM Boyutu
1500'den fazla node iceren DOM yapilari render performansini olumsuz etkiler. Gereksiz ic ice HTML elemanlarini azaltin, karmasik tablo yapilarini sadelestirin ve virtualization teknikleriyle uzun listeleri optimize edin.
Sunucu Yanit Suresi
TTFB (Time to First Byte) 600 milisaniyeyi asiyorsa sunucu tarafinda bir darbogaziniz var demektir. Veritabani sorgularini optimize edin, sunucu tarafi onbellekleme kullain, CDN araciligiyla statik icerikleri dagitilmasini saglayin ve gerekirse sunucu kaynaklarinizi artirin.
Yonlendirme Zincirleri
Her yonlendirme ek bir HTTP round-trip ekler. Yonlendirme zincirlerini minimuma indirin ve birden fazla ardiisik yonlendirmeyi tek bir yonlendirmeye donusturun. SEOctopus, yonlendirme zincirlerini otomatik olarak tespit eder ve iyilestirme onerileri sunar.
Kullanilmayan Kod
Zamanla biriken kullanilmayan CSS ve JavaScript, sayfa boyutunu gereksiz yere arttirir. Chrome DevTools'un Coverage sekmesiyle kullanilmayan kodu tespit edin ve PurgeCSS veya tree shaking ile temizleyin.
Sik Sorulan Sorular
Core Web Vitals skor artisi ne kadar surede siralama etkisi gosterir?
Core Web Vitals iyilestirmeleri, Google'in gercek kullanici verilerini (CrUX) 28 gunluk hareketli ortalama ile toplamasi nedeniyle genellikle 4-8 hafta icinde siralama etkisi gostermeye baslar. CrUX verileri aylik olarak guncellenir ve Google'in bu verileri algoritmaya yansitmasi ek zaman alabilir. Ancak kullanici deneyimindeki iyilesme aninda hissedilir; daha dusuk hemen cikma orani ve daha yuksek sayfa basi etkilesim, dolayli siralama sinyalleri olarak daha hizli etki gosterebilir.
LCP'yi en hizli iyilestirmenin yolu nedir?
LCP'yi en hizli iyilestirmenin yolu, LCP elemani olan gorseli optimize etmektir. Once Chrome DevTools'un Performance sekmesiyle LCP elemanini taniyin. Ardindan bu gorseli WebP veya AVIF formatina donusturun, uygun boyutta sunun, lazy loading uygulamayin (LCP elemani icin) ve link rel preload ile onceden yuklenmesini sagin. Ayrica sunucu yanit suresini (TTFB) azaltmak LCP'yi dogrudan iyilestirir. Bu iki adim genellikle LCP suresini yariya indirebilir.
INP ile FID arasindaki fark nedir?
FID yalnizca ilk etkilesimin gecikme suresini olcerken, INP sayfadaki tum etkilesimleri dikkate alir ve en kotu performans gosteren etkilesimi raporlar. Bu, INP'nin cok daha kapsamli bir olcum oldugu anlamina gelir. Bir sayfa ilk tiklama hizli ancak sonraki etkilesimlerde yavas olsa, FID bunu yakalayamazken INP yakalar. Google, 2024'te FID'i tamamen kaldirip INP'yi Core Web Vitals metriigi olarak benimsemistir.
Ucuncu parti scriptlerin performans etkisini nasil olcerim?
Chrome DevTools'un Network sekmesinde ucuncu parti alan adlarini filtreleyerek her birinin transfer boyutunu ve yukleme suresini gorebilirsiniz. Performance sekmesindeki Main thread aktivitesinde ucuncu parti scriptlerin JavaScript yurutme suresini olcebilirsiniz. Ayrica WebPageTest'in Third Party diagnostik ozelligi, ucuncu parti scriptlerin sayfa performansi uzerindeki etkisini detayli olarak raporlar. Request Map araci da gorsel bir harita ile ucuncu parti bagimliliklarinizi gosterir.
Mobil ve masaustu Core Web Vitals skorlari neden farkli?
Google, mobil ve masaustu Core Web Vitals verilerini ayri olarak toplar ve degerlendirir. Mobil cihazlar daha dusuk islemci gucune, daha sinirli bellege ve genellikle daha yavas ag baglantilarina sahip oldugundan, ayni sayfa mobilde daha kotu performans gosterir. Google mobil oncelikli dizinleme kullandigindan, oncelikle mobil metrikleri iyilestirmeye odaklanmalisiniz. Lighthouse'da mobil simulsyon ile test edin ve gercek mobil cihazlarda da dogrulayin.
Sayfa hizi iyilestirme calismalarina nereden baslamaliyim?
Oncelikle Google PageSpeed Insights ile tum onemli sayfalarinizi test edin ve en dusuk performans gosteren sayfalari belirleyin. Ardindan Core Web Vitals metriklerinden en kotu performans gosterenini hedefleyin. Genellikle gorsel optimizasyonu ve render engelleyici kaynaklarin kaldirilmasi en buyuk kazaanci saglar. SEOctopus'un Technical Health Score ozelligi, sayfalarinizi performans etkisine gore siralar ve her sayfa icin oncelikli iyilestirme adimlarini gosterir. En yuksek trafikli sayfalardan baslayarak iyilestirmeleri kademeli olarak tum siteye yayin.
Core Web Vitals icin ideal test araci hangisidir?
Tek bir arac yeterli degildir; farkli araclarin kombinasyonunu kullanmak en iyi sonucu verir. Gelistirme surecinde Chrome Lighthouse ile hizli laboratuvar testleri yapin. Uretim ortaminda PageSpeed Insights ile gercek kullanici verilerini kontrol edin. Derinlemesine analiz icin WebPageTest kullanin. Surekli izleme icin SEOctopus'un Lighthouse entegrasyonu ve Core Web Vitals monitoring ozelligini kullanin. CrUX verilerine BigQuery veya CrUX API uzerinden erisebilirsiniz.