Hız
Sayfalarınız ne kadar hızlı yükleniyor ve yanıt veriyor — önce telefonda, sonra masaüstünde.
toplam puanın 0,25’i — en ağır eksenSıralamalar, trafik ve güven için neden önemli?
Hız, Google’ın Core Web Vitals üzerinden doğrudan sıralama sinyali olarak onayladığı tek eksendir ; etkisi diğer tüm alanlara yayıldığı için bu puanlamada en yüksek ağırlığı hız taşır: yavaş bir sayfa iyi başlıkları, iyi şemayı ve iyi içeriği boşa harcar. Google mobil ajanla dizinler ve mobil stratejiyle test eder — telefon deneyiminiz SEO deneyiminizdir.
Pazarlama için matematik nettir: 2,5 saniye altı LCP ile 4 saniye üstü arasındaki fark, rutin olarak %2 ile %5 dönüşüm oranı farkıdır; yüklenmenin her ek saniyesi hemen çıkma oranını ölçülebilir biçimde yükseltir. Etkileşim hissi (TBT/INP) bir formun orta seviye bir Android’de anlık mı yoksa yapışkan mı hissettirdiğini belirler — trafiğinizin büyük kısmı gerçekte o cihazı kullanır.
Hız hatalarının çoğu yetenek değil yapılandırma sorunudur: sıkıştırılmamış aktarım, cache başlığı olmaması, boyamayı engelleyen varlıklar ve optimize edilmemiş hero görselleri başarısız denetimlerin çoğunluğunu oluşturur. Bunlar aylar değil, saatler içinde düzelir.
Bu bölümdeki her sinyal — motorun tam olarak neyi kontrol ettiği
Nasıl düzeltilir?
Sık görülen nedenler
- Sıkıştırılmamış HTML/CSS/JS — origin’de gzip/brotli hiç açılmamış.
- Cache-Control yok — her ziyaretçi her şeyi yeniden indiriyor.
- Önceliksiz bir hero görseli — En Büyük İçerikli Boya en yavaş varlığı bekliyor.
- <head> içinde boyamayı engelleyen CSS/JS.
- Yavaş sunucu yanıtı (TTFB): ucuz paylaşımlı hosting, CDN yok ya da gevezeci bir arka uç.
- Mobil viewport meta eksikliği — sayfa telefonda masaüstü genişliğinde çiziliyor.
- Binlerce elemanlı DOM’lar — ayrıştırma ve stil maliyeti her telefonda ödeniyor.
Önerilen kurulum
Aşağıdaki iki blok, web performansında en çok kazandıran ayarlardır: kenarda sıkıştırmayı ve makul önbelleklemeyi açın, sonra hero varlığını önce getirilecek şey olarak işaretleyin.
server {
# sıkıştırma: HTML/CSS/JS aktarımını tipik olarak %60–80 kısaltır
gzip on;
gzip_vary on;
gzip_comp_level 6;
gzip_types text/css application/javascript application/json image/svg+xml text/plain application/xml;
# hash’li, değişmez varlıklar → bir yıl önbellek
location /assets/ {
add_header Cache-Control "public, max-age=31536000, immutable";
}
# HTML, deployların yakalanması için yeniden doğrulanmalı
location / {
add_header Cache-Control "no-cache";
}
}<head>
<link rel="preload" href="/hero.avif" as="image"
imagesrcset="/hero-640.avif 640w, /hero-1280.avif 1280w"
imagesizes="100vw" fetchpriority="high">
<script defer src="/app.js"></script> <!-- defer: asla boyamayı engelleme -->
</head>
<body>
<img src="/hero-640.avif"
srcset="/hero-640.avif 640w, /hero-1280.avif 1280w"
sizes="100vw" width="1280" height="720"
fetchpriority="high" decoding="async"
alt="Acme robotlarının sipariş topladığı sipariş merkezi">
</body><meta name="viewport" content="width=device-width, initial-scale=1">Nasıl ölçüyoruz
Tarama başına Google PageSpeed Insights’i iki kez çalıştırıyoruz — mobil strateji (birincil; Google’ın sizi gördüğü şekil) ve masaüstü strateji — ve yeterli ziyaretçi katkısı olduğunda CrUX saha verisini (gerçek kullanıcıların p75’i). Sunucu yanıtı, PSI hız sınırlı olduğunda bile eksen dürüst kalsın diye Lighthouse’tan, kendi ölçümümüzle yedekli olarak gelir.