Web sitesi hızı neden önemli?
- Sunucu yanıt süresi (TTFB)
- Tarayıcının isteği gönderdiği andan ilk baytın geldiği ana kadar geçen süre. Hızın başlangıç noktası.
- AVIF / WebP
- JPEG ve PNG'ye göre aynı görünürlükte çok daha küçük dosya üreten modern görsel formatları.
- Font self-host
- Web fontunu üçüncü taraf servisten değil, sitenin kendi alan adından sunmak. Ek bağlantı ve gizlilik yükünü kaldırır.
- Lazy loading
- Ekran dışındaki görsel ve videoların yalnızca kullanıcı yaklaştığında yüklenmesi.
- CDN
- Site dosyalarını dünyanın farklı noktalarındaki sunuculara dağıtan ağ; ziyaretçi en yakın kopyadan alır.
- Önbellek
- Bir kez üretilen sayfa veya dosyanın tekrar tekrar hesaplanmadan hazır sunulması.
Web sitesi hızı, ziyaretçinin ilk izlenimidir. Sayfa geç açılırsa tasarım, metin ve teklif görülmeden sekme kapanır. Hız bir teknik ayrıntı değil, sitenin geri kalanının görülüp görülmeyeceğinin ön koşuludur.
Hızın üç sonucu vardır: kullanıcı davranışı, arama görünürlüğü ve işletme maliyeti. Aşağıda üçünü ayrı ele alıyor, ardından hızlı sitenin nasıl kurulduğunu ve nasıl anlaşıldığını gösteriyoruz.
Hız kullanıcı davranışını nasıl etkiler?
Mobil bağlantıda, yolda, sabırsızken açılan bir sayfa birkaç saniye içinde ya içeriği gösterir ya da kaybeder. Gecikme, ziyaretçinin geri tuşuna basma olasılığını artırır; sektörden bağımsız olarak gözlenen bir davranıştır.
Hız yalnızca açılış değildir. Menüye dokununca tepki gecikirse, form gönderilince ekran donarsa, okurken içerik yerinden kayarsa güven zedelenir. Ziyaretçi bunu "bozuk site" olarak yorumlar ve işletmeye mal eder.
Bu davranışların hepsi dönüşüme yansır: form doldurma, arama, sipariş. Hızlı site aynı ziyaretçiden daha fazla sonuç alır; reklam bütçesi de daha az boşa gider.
Hız arama sıralamasını etkiler mi?
Evet, dolaylı ve doğrudan. Google, sayfa deneyimini sıralama sinyali olarak kullandığını ve bu deneyimi Core Web Vitals metrikleriyle ölçtüğünü açıklamıştır. Metriklerin tanımı ve eşikleri için Core Web Vitals rehberine bakın.
Doğrudan etki sınırlıdır; içerik ve alaka önce gelir. Asıl etki dolaylıdır: hızlı sayfa daha az terk edilir, daha uzun okunur ve daha çok paylaşılır. Arama motorları bu davranış örüntülerini kaliteli sayfa değerlendirmesinde dikkate alır. Yavaş site iyi içeriğin sıralamasını frenler; hızlı site iyi içeriğin önünü açar.
Yapay zekâ aramaları için de aynı şey geçerlidir. Hızlı ve temiz HTML sunan sayfa, botlar tarafından daha kolay taranır ve kaynak olarak seçilmeye daha uygundur.
Siteyi yavaşlatan en yaygın nedenler neler?
- Büyük görseller: telefondan çekilmiş fotoğrafın olduğu gibi yüklenmesi. Tek görsel, sayfanın geri kalanından ağır olabilir.
- Fazla JavaScript: analitik, sohbet, pazarlama ve eklenti betiklerinin birikmesi. Her biri küçük, toplamı yavaş.
- Üçüncü taraf font servisleri: ek bağlantı ve font gelene kadar yazının görünmemesi veya yer değiştirmesi.
- Yavaş sunucu: paylaşımlı, önbelleksiz hosting ve her istekte yeniden üretilen sayfa.
- Boyutsuz medya: genişliği belirtilmemiş görsel ve video; içerik yüklenince zıplar.
- Optimize edilmemiş 3D ve video: sıkıştırılmamış model ve otomatik oynayan ağır video.
Hızlı site nasıl kurulur?
| Teknik | Ne yapar | Ne zaman uygulanır |
|---|---|---|
| AVIF / WebP görsel | Aynı görünürlükte çok daha küçük dosya | Her görselde; tarayıcı desteği için yedek format verilir |
| Ekrana göre görsel boyutu | Telefona küçük, masaüstüne büyük kopya | Özellikle ana görsel ve galerilerde |
| Font self-host | Ek bağlantıyı kaldırır, font geçişini kontrol eder | Özel web fontu kullanılan her sitede |
| Lazy loading | Ekran dışı medyayı sonraya bırakır | Ana görsel hariç tüm görsel ve videolarda |
| Statik üretim / önbellek | Sayfayı hazır dosya olarak sunar | İçeriği sık değişmeyen tüm sayfalarda |
| CDN | Dosyayı ziyaretçiye en yakın noktadan verir | Türkiye dışından da ziyaret alan sitelerde öncelikli |
| Betik erteleme | Analitik ve eklentileri açılıştan sonraya alır | Üçüncü taraf kod içeren her sitede |
Bu tekniklerin çoğu modern çatılarda varsayılan olarak gelir; Next.js ve Astro görselleri otomatik dönüştürür, sayfaları önceden üretir ve betikleri akıllı yükler. Eklenti tabanlı sistemlerde aynı sonuç ek araç ve düzenli bakımla alınır; karşılaştırma için Next.js mi WordPress mi rehberine bakın.
Hızlı site nasıl anlaşılır? Kontrol listesi
- 1PageSpeed Insights'ta mobil sekmesini açın; üç Core Web Vitals metriği de yeşil bantta mı?
- 2Sayfayı telefonda mobil veriyle açın; ana görsel ve başlık hemen görünüyor mu, yoksa boş ekran mı bekliyorsunuz?
- 3Sayfa yüklenirken metin ve düğmeler yerinden kayıyor mu? Kayıyorsa boyutsuz medya veya font sorunu vardır.
- 4Menüye, düğmeye, forma dokunun; tepki anında mı geliyor?
- 5Görsele sağ tıklayıp yeni sekmede açın; uzantı .avif veya .webp mi, yoksa büyük .jpg/.png mi?
- 6Sayfa kaynağında fontlar kendi alan adından mı geliyor, üçüncü taraf servisten mi?
- 7Aşağı kaydırmadan önce ağ panelinde tüm görseller yükleniyor mu? Yükleniyorsa lazy loading yoktur.
- 8Search Console Core Web Vitals raporunda zayıf gruptaki sayfa var mı?
Bu listede takılan her madde, ajansa sorulacak somut bir soruya dönüşür. Teklif aşamasında hız ölçütünü yazılı istemek için web sitesi yaptırmadan önce sorulacak sorular rehberindeki maddeleri kullanabilirsiniz. Tüm web rehberleri rehber merkezinde listelenir.
Sık sorulan sorular
Sitem hızlı mı yavaş mı, nasıl anlarım?
En hızlı yol PageSpeed Insights'a adresi yapıştırmaktır. Mobil sekmesinde Core Web Vitals metrikleri yeşilse site iyi bantta demektir. Ardından sayfayı telefonda mobil veriyle açıp gözle kontrol edin: ana görsel hemen geliyor mu, içerik kayıyor mu, düğmeler anında tepki veriyor mu. Rehberdeki sekiz maddelik kontrol listesi bu gözlemi sistemleştirir.
Görselleri AVIF veya WebP'ye çevirmek kaliteyi düşürür mü?
Görünür kalite korunurken dosya boyutu belirgin biçimde küçülür; fark çoğu görselde gözle ayırt edilmez. Modern çatılar dönüştürmeyi otomatik yapar ve eski tarayıcılar için JPEG/PNG yedeğini birlikte sunar. Dikkat edilmesi gereken tek nokta, sıkıştırma oranını aşırıya kaçırmamaktır; varsayılan ayarlar genellikle doğru dengeyi verir.
CDN her site için gerekli mi?
Yalnızca Türkiye'den ziyaret alan küçük bir site için zorunlu değildir; iyi bir sunucu ve önbellek yeterli olabilir. Yurt dışından ziyaretçi, çok görselli sayfa veya trafik dalgalanması varsa CDN fark yaratır. Modern barındırma servislerinin çoğu CDN'i varsayılan olarak sunar; bu durumda ek karar gerekmez.
Hızlı site için tasarımdan ödün vermek gerekir mi?
Gerekmez. Görsel zenginlik, animasyon ve 3D sahne hızla çelişmez; koşul, ağır öğelerin ilk açılışı engellememesidir. Ana görsel hafif tutulur, sahne ve video ekrana gelince yüklenir, betikler ertelenir. Yavaşlık genellikle tasarımın kendisinden değil, optimize edilmemiş dosyalardan ve birikmiş eklentilerden gelir.
Site hızı bir kez ayarlanınca kalıcı mı?
Kalıcı değildir. Her yeni görsel, eklenen betik veya içerik bölümü hızı etkileyebilir. Modern çatılarda görsel ve betik yönetimi otomatik olduğu için bozulma daha yavaş gelir; eklenti tabanlı sistemlerde düzenli kontrol gerekir. Her büyük değişiklikten sonra PageSpeed Insights ile tek kontrol yeterlidir.
Ana rehber
3D Web Sitesi
İlgili hizmet
Web Sitesi Geliştirme
İlgili rehberler
Bunu sizin siteniz için kuralım mı?
Kısa bir keşif görüşmesinde mevcut durumu birlikte bakar, ne gerektiğini yazılı söyleriz.