Kısa cevap: "Sitem yavaş" bir teşhis değil bir şikâyettir. Yavaşlığın sebebi sunucuda, sayfanın kendisinde ya da üçüncü taraf betiklerde olabilir; üçü tamamen farklı çözümler ister. Doğru sıra sunucu yanıt süresinden başlayıp aşağı inmektir.
- Sunucu yavaşsa sayfa optimizasyonu ölçülebilir bir fark yaratmaz.
- Üçüncü taraf betikler çoğu sitede en büyük ve en kolay kazanılan kalemdir.
- Görsellerin ikinci etkisi düzen kaymasıdır; ölçü vermek şarttır.
“Sitem yavaş” cümlesi bir teşhis değil, bir şikâyettir. Yavaşlığın sebebi sunucuda, sayfanın kendisinde ya da üçüncü taraf betiklerde olabilir; üçü tamamen farklı çözümler ister. Yanlış yerde arayan ekipler aylarca görsel sıkıştırıp hiçbir şey değiştiremez. Bu yazıda teşhisi doğru sırayla koymanın yolunu anlatıyoruz.
1. Sunucu mu yavaş? (TTFB)
İlk bakılacak sayı TTFB’dir: tarayıcı isteği gönderdikten sonra sunucudan ilk baytın gelmesine kadar geçen süre. Bu süre uzunsa sayfada ne yaparsanız yapın hızlanmazsınız — daha ilk bayt gelmemiştir.
TTFB’yi uzatan tipik sebepler:
- Yavaş veritabanı sorguları: özellikle ürün listeleme ve filtreleme sayfalarında, indekssiz sorgular yüzlerce milisaniye ekler.
- Önbelleğin olmaması: her istekte aynı sayfanın sıfırdan üretilmesi.
- Paylaşımlı ve yüklü barındırma: aynı sunucuda çok sayıda site varsa kaynak rekabeti yaşanır.
- Uzak sunucu: hedef kitleniz Türkiye’deyse sunucunun yurt dışında olması her istekte gecikme ekler.
- Zincirleme yönlendirme: her yönlendirme yeni bir tur demektir; üç yönlendirme, üç kat gecikmedir.
TTFB iyi ama sayfa yine de geç açılıyorsa sorun sunucuda değildir; ikinci adıma geçin.
2. Sayfa mı ağır?
Sayfa ağırlığı, indirilmesi gereken toplam bayttır. Mobil bağlantıda her ek megabayt doğrudan saniyeye dönüşür.
Görseller
Neredeyse her yavaş sitede en büyük kalem görsellerdir. Üç yaygın hata:
- Gereğinden büyük çözünürlük: 400 piksel genişliğinde gösterilen bir görselin 3000 piksel olarak yüklenmesi.
- Eski format: JPEG ve PNG yerine WebP kullanmak, aynı görünürlükte belirgin bayt tasarrufu sağlar.
- Sıkıştırılmamış dosya: düzenleyiciden “en yüksek kalite” ile çıkan görseller, gözle ayırt edilemeyecek bir kayıpla çok daha küçük olabilir.
Yazı tipleri
Yazı tipleri iki şekilde yavaşlatır: dosya boyutuyla ve yükleme zinciriyle. Dış bir servisten çekilen yazı tipi, önce o servise bağlanmayı, gelen dosyayı yorumlamayı, sonra ikinci bir sunucudan asıl dosyayı indirmeyi gerektirir. Yazı tiplerini kendi sunucunuzdan sunmak bu zinciri tek adıma indirir. Ayrıca yalnız kullandığınız karakter kümesini içeren küçültülmüş dosyalar tercih edilmelidir.
Sayfaya gömülü stil ve script
Kullanılmayan CSS ve JavaScript, çoğu hazır temada toplam ağırlığın önemli kısmıdır. Sayfada hiç görünmeyen bir slider’ın kodunu her ziyaretçi indirir. Tema seçerken “ne kadar özellik var” değil, “kaç bayt” sorusunu sormak uzun vadede daha çok kazandırır.
3. Render engelleyen kaynaklar
Bazı dosyalar indirilip işlenmeden tarayıcı sayfayı çizemez. Toplam ağırlık makul olsa bile, ilk boyamayı engelleyen bir stil ya da script sayfanın uzun süre boş görünmesine yol açar.
Belirtisi tipiktir: sayfa uzun süre bembeyaz kalır, sonra bir anda tamamı görünür. Çözüm, kritik olmayan kaynakları ertelemek ve ilk ekranın çizilmesi için gereken minimum stili öne almaktır.
4. Üçüncü taraf betikler
Analitik, canlı destek, ısı haritası, sosyal medya widget’ı, reklam pikselleri… Her biri ayrı bir alan adına bağlanır ve her bağlantı kendi gecikmesini ekler. Üstelik bu dosyalar sizin sunucunuzda değildir; onlar yavaşladığında siteniz yavaşlar ve yapabileceğiniz bir şey yoktur.
Pratik çalışma: sayfanın yüklediği üçüncü taraf alan adlarını listeleyin ve her biri için “bu olmasa ne kaybederiz?” sorusunu sorun. Çoğu sitede listenin yarısı, kurulduğu unutulmuş araçlardan oluşur. Kalanlar için de yükleme zamanını geciktirmek — örneğin canlı desteği ilk etkileşimden sonra yüklemek — ölçülebilir kazanç sağlar.
Teşhisi nasıl koyarsınız?
Sıra önemlidir; sondan başlamak zaman kaybettirir:
- TTFB’yi ölçün. Yüksekse önce onu çözün; sayfa optimizasyonu bu aşamada işe yaramaz.
- Toplam ağırlığı ve en büyük kaynakları listeleyin. Genellikle ilk üç dosya, toplamın büyük kısmını oluşturur.
- Render engelleyenleri ayırın. İlk boyamayı geciktiren dosyalar, boyutlarından bağımsız olarak önceliklidir.
- Üçüncü tarafları sayın. Kaç ayrı alan adına bağlanılıyor?
- Mobilde ölçün. Masaüstünde iyi görünen bir sayfa, mobil işlemci ve bağlantıda çok farklı davranır.
Hız testi aracı bu ölçümleri tek seferde çıkarır: TTFB, toplam ağırlık, kaynak sayısı ve en ağır dosyalar. Sayfanın genel teknik sağlığı için site analizi aracına, kelime bazlı değerlendirme için SEO analizi aracına bakabilirsiniz.
Hız gerçekten satışa etki eder mi?
Evet, ama etkisi doğrusal değildir. Çok yavaş bir sayfayı hızlandırmak dönüşümde belirgin fark yaratır; zaten hızlı bir sayfayı biraz daha hızlandırmanın etkisi ölçülemeyecek kadar küçük olabilir.
Bu yüzden hız çalışmasını bir yarış değil, bir eşik meselesi olarak düşünün: sayfa “beklenmez” hissi verdiği sürece kaybediyorsunuzdur. O eşiği geçtikten sonra aynı emeği ürün sayfası kalitesine ya da içeriğe ayırmak daha çok getirir.
Hızın ikinci etkisi arama tarafındadır: sayfa deneyimi sinyalleri sıralamada bir faktördür. Ancak tek başına belirleyici değildir — içerik uyumu her zaman önce gelir. Sayfa içi kontrolü SEO analizi nasıl yapılır yazısında anlattık. Ayrıntısını teknik SEO kontrol listesi yazısında ele aldık.
Görsellerin ikinci etkisi: düzen kayması
Yavaşlıkla karıştırılan ama ondan ayrı bir sorun daha var: sayfa açılırken içeriğin zıplaması. Ölçüsü bildirilmemiş bir görsel yüklendiğinde altındaki her şeyi aşağı iter; okumaya başlamış kullanıcı satırı kaybeder, butona basmak üzere olan kullanıcı yanlış yere basar.
Çözüm basittir: her görsele genişlik ve yükseklik bilgisi verin ya da kutusunu CSS ile sabitleyin. Bu, hız ölçümünde değil kullanıcı deneyiminde fark yaratır — ve arama motorları bu davranışı da ölçer. Ayrıntısını görsel SEO yazısında açtık.
Öncelik sırası
- TTFB’yi düzeltin (önbellek, sorgu, barındırma).
- En büyük üç görseli küçültün ve formatını değiştirin.
- Gereksiz üçüncü taraf betikleri kaldırın.
- Render engelleyen kaynakları erteleyin.
- Yazı tiplerini yerelleştirin ve küçültün.
- Görsellere ölçü bilgisi ekleyin.
Bu sıra, en az emekle en çok kazanç sağlayan adımı öne alır. Listenin sonundan başlamak — ki en sık yapılan şey budur — haftalar harcayıp saniyenin yüzde birini kazanmakla sonuçlanır.
Sık sorulan sorular
Yavaşlığın sebebini nasıl bulurum?
Sırayla eleyerek. Önce sunucunun ilk yanıtı ne kadar sürede verdiğine bakın; yüksekse sorun sunucudadır ve önce o çözülür. Normalse belge ağırlığına ve render engelleyen kaynaklara, en son üçüncü taraf betiklere bakın. Yanlış yerden başlamak, en çok emek harcanan ama en az fark yaratan çalışmayı üretir.
Üçüncü taraf betikler ne kadar etkili?
Çoğu sitede beklenenden çok daha etkilidir: analiz araçları, sohbet pencereleri, sosyal eklentiler ve reklam kodları birikerek sayfayı yavaşlatır. Listeyi çıkarıp her birinin gerçekten gerekli olup olmadığını sorgulamak, kod yazmadan elde edilen en büyük kazançtır.
Hız gerçekten satışa etki eder mi?
Etkisi sıralamadan çok kullanıcı tarafında görünür: sayfa açılmasını bekleyen ziyaretçilerin bir kısmı vazgeçer ve bu kayıp doğrudan dönüşüme yazılır. Etkiyi kendi sitenizde ölçün — hız iyileştirmesinden önce ve sonra dönüşüm oranını karşılaştırmak en güvenilir kanıttır.
Özet
Yavaşlığın sebebini bulmak, çözmekten daha önemlidir. Önce TTFB’ye bakın: sunucu yavaşsa sayfa optimizasyonu boşa emektir. Sonra ağırlığı ve render engelleyenleri ayırın, üçüncü taraf betikleri sayın ve ölçümü mutlaka mobilde yapın. Hızı bir yarış değil eşik olarak düşünün; eşiği geçtikten sonra emeği içeriğe kaydırın.
