Web performansı

Web performansı — Türkçe

Türkçe › İçerik

Kritik CSS

Critical CSS — ekranın üst bölümündeki stilleri ayıklayıp satır içine alarak ve geri kalanını erteleyerek ilk boyamayı hızlandırma tekniği. Google'ın bunu neden gelişmiş ve isteğe bağlı gördüğü, gerçek ödünleşimler (önbellek kaybı, bakım riski, zamanlama yarışları) ve CSS'nin gerçekten darboğazınız olup olmadığını nasıl belirleyeceğiniz.

Makaleyi oku →
Türkçe › İçerik

Saha Verisi ve Laboratuvar Verisi

Saha verisi (CrUX/RUM'dan alınan ve Google'ın sıralamada kullandığı gerçek kullanıcı ölçümleri) ile laboratuvar verisi (sorunun nedenini teşhis etmeye yarayan sentetik Lighthouse testleri) arasındaki fark; neden ayrıştıkları, hangi araçların hangi veriyi sunduğu ve ikisini nasıl kullanacağınız.

Makaleyi oku →
Türkçe › İçerik

İlk İçerikli Boyama (FCP)

İlk İçerikli Boyama'nın neyi ölçtüğünü, iyi bir FCP skorunun ne olduğunu, neden bir Core Web Vital olmadığını, First Paint ve LCP'den nasıl farklı olduğunu ve yavaş bir FCP'nin nasıl düzeltileceğini öğrenin.

Makaleyi oku →
Türkçe › İçerik

CDN ve SEO

CDN'nin SEO'yu nasıl etkilediği — daha hızlı TTFB, daha iyi Core Web Vitals, uç önbellekleme ve coğrafi olarak dağıtılmış sunum — ve dikkat edilmesi gerekenler (önbellek üstbilgileri, URL kanonikleştirme ve HTTPS yapılandırması).

Makaleyi oku →
Türkçe › İçerik

Geri/İleri Önbelleği (bfcache)

Bir sayfanın tamamını bellekte dondurarak Geri/İleri gezinmelerinin anında gerçekleşmesini sağlayan tarayıcı özelliği bfcache’in ne olduğu, HTTP önbelleğinden farkı, uygunluğu engelleyen etkenler, nasıl test edildiği ve Core Web Vitals ile SEO’yla gerçek ancak dolaylı ilişkisi.

Makaleyi oku →
Türkçe › İçerik

Kritik Oluşturma Yolu

Tarayıcının baytlardan görünür piksellere uzanan adım adım işlem hattı — DOM, CSSOM, render ağacı, düzen ve boyama — CSS ile JavaScript'in oluşturmayı neden engellediği, üç optimizasyon aracı ve bu yolun FCP, LCP ve Googlebot oluşturma sürecini nasıl etkilediği. Oluşturmayı engelleyen kaynakların merkezi.

Makaleyi oku →
Türkçe › İçerik

Sıkıştırma (Gzip, Brotli, Zstd)

HTTP metin sıkıştırmasının nasıl çalıştığı; Gzip, Brotli ve Zstd arasındaki farklar; Googlebot'un gerçekte neleri desteklediği; sıkıştırmanın Core Web Vitals ve web tarayıcısı getirme sınırlarını nasıl etkilediği ve sunucu tarafında nasıl etkinleştirilip doğrulanacağı. Ağ üzerinden aktarılan baytları azaltmaya yönelik ayrıntılı web performansı incelemesi.

Makaleyi oku →
Türkçe › İçerik

SEO için Önbellekleme

Cache-Control, ETag'ler ve CDN'lerle tarayıcı ve sunucu önbelleklemesinin performansı ve Core Web Vitals'ı nasıl iyileştirdiği ile taramayı etkileyen önbellekleme tuzakları.

Makaleyi oku →
Türkçe › İçerik

Chrome DevTools Performance Paneli

Performance paneli; bir sayfanın nasıl yüklendiğini ve çalıştığını kaydetmek, alev grafiğini okumak, LCP öğenizi bulmak ve Core Web Vitals sorunlarını teşhis etmek için Chrome DevTools'a yerleşik yerel profil oluşturucudur. Ayrıca yerel izinizin yanında isteğe bağlı gerçek kullanıcı CrUX alan verilerini gösterebilir. Ne olduğu, nasıl okunacağı ve neden Googlebot'ın gördüğü şeyi göstermediği.

Makaleyi oku →
Türkçe › İçerik

Chrome Kullanıcı Deneyimi Raporu (CrUX)

Google'ın gerçek kullanıcılardan elde edilen ve Core Web Vitals'ın temelini oluşturan saha verileri: uygun Chrome kullanıcıları, 28 günlük p75 penceresi, origin ve URL verileri, bazı sayfalarda neden CrUX verisi bulunmadığı ve verilere nasıl erişileceği.

Makaleyi oku →
Türkçe › İçerik

Core Web Vitals

Google'ın gerçek kullanıcı verilerine dayalı üç UX metriği — LCP, INP ve CLS — bunların "iyi" eşikleri, saha ve laboratuvar verileri, sıralama için ne kadar önemli oldukları ve bunları ölçen araçlar.

Makaleyi oku →
Türkçe › İçerik

Kümülatif Düzen Kayması (CLS)

Kümülatif Düzen Kayması’nın neyi ölçtüğü, puanın nasıl hesaplandığı (etki oranı × mesafe oranı), oturum pencereleri, eşikler, yaygın nedenler ve bunları düzeltme ve hata ayıklama yöntemleri.

Makaleyi oku →
Türkçe › İçerik

HTTP/2 ve HTTP/3

ne HTTP/2 ve HTTP/3 dır, nasıl QUIC reduces (değil eliminates) head-of-line blocking, ve ne onlar anlamına gel bençin SEO — Google şunu söylüyor no sıralama boost, Googlebot's docs yapmayın liste HTTP/3, ve gerçek payoff dır indirect via temel Web Vitals.

Makaleyi oku →
Türkçe › İçerik

Minification

ne minification aslında dır — stripping whitespace, comments, ve redundant characters -den CSS, JS, ve HTML — nasıl o differs -den compression ve bundling, PageSpeed Insights denetim o drives, ve neden modern bundlers zaten yap o bençin siz. web-performance deep dive on shrinking kaynak code.

Makaleyi oku →
Türkçe › İçerik

Tembel Yükleme

Görsellerin ve iframe'lerin tembel yüklenmesinin Core Web Vitals'ı nasıl iyileştirdiği, loading özelliği, ekran üstü içeriğin tembel yüklenmesinin SEO riskleri ve Googlebot'un ertelenmiş içeriği nasıl işlediği.

Makaleyi oku →
Türkçe › İçerik

Google Lighthouse aracı

Google Lighthouse nedir, Performance puanı nasıl hesaplanır, neden değişir ve neden laboratuvar verisi olduğu — bir sıralama sinyali olmadığı. Metrik ağırlıkları ve renk bantlarıyla.

Makaleyi oku →
Türkçe › İçerik

PageSpeed Insights (PSI)

PageSpeed Insights, gerçek kullanıcı alan verilerini (CrUX) ve bir Lighthouse laboratuvar skorunu birlikte raporlar. Sıralama için yalnızca alan Core Web Vitals önemlidir — 0–100 skor önemli değildir.

Makaleyi oku →
Türkçe › İçerik

WebPageTest

WebPageTest, PageSpeed Insights size bir sayfanın yavaş olduğunu ancak nedenini söylemediğinde teknik SEO uzmanlarının başvurduğu ücretsiz, açık kaynaklı, laboratuvar tabanlı performans aracıdır — geçmişi, su şelalesi ve film şeridinin nasıl okunacağı, CLS avlama tarifi ve Lighthouse, PSI ve CrUX ile birlikte nereye oturduğu.

Makaleyi oku →
Türkçe › İçerik

Web Vitals: Web Performans Metrikleri

Web Vitals, birleşik sayfa deneyimi kalite sinyalleri için Google'ın girişimidir. Girişimin tamamı burada: girişimin neyi kapsadığı, hangi metriklerin “Core” olduğu (ve sıralamayı etkilediği), hangilerinin teşhis amaçlı olduğu ve laboratuvar skorunuz ile alan verinizin neden uyuşmadığı. Core Web Vitals'ın altındaki tamamlayıcı metriklerin merkezi.

Makaleyi oku →
Türkçe › İçerik

En Büyük İçerikli Boyama (LCP)

LCP'nin ne ölçtüğü, eşikleri, onu oluşturan dört alt bölüm ve gerçekte nasıl iyileştirileceği — insanların en çok zorlandığı Core Web Vital.

Makaleyi oku →
Türkçe › İçerik

Interaction -e sonraki Paint (INP)

ne INP measures, ≤200 ms threshold at p75, neden o replaced FID in 2024, ve nasıl -e aslında düzelt bir poor score — -den bir teknik SEO.

Makaleyi oku →
Türkçe › İçerik

Hız Endeksi

Speed Index'in neyi ölçtüğü, iyi bir puanın ne olduğu, neden yalnızca laboratuvar ortamında kullanılan bir Lighthouse metriği olduğu ve Core Web Vital ya da sıralama faktörü olmadığı ve nasıl iyileştirileceği.

Makaleyi oku →
Türkçe › İçerik

ilk Input Delay (FID)

ne ilk Input Delay measured, onun ≤100 ms threshold, neden INP replaced o in March 2024, ve nasıl -e okuyun eski FID data today — bir legacy-metric reference -den bir teknik SEO.

Makaleyi oku →
Türkçe › İçerik

Font Loading

nasıl web font loading affects temel Web Vitals like CLS ve LCP, font-display strategies, preloading fonts, ve reducing layout shift -den font swaps.

Makaleyi oku →