Site Hızı Nasıl Ölçülür ve Artırılır? Yavaş Açılan Sitenin Gizli Maliyeti

Siteniz kendi telefonunuzda hızlı açılıyor gibi görünebilir; çünkü sık girdiğiniz için tarayıcınız dosyaları hatırlıyor. Oysa sitenize ilk kez, zayıf bir mobil bağlantıyla gelen müşterinin deneyimi bambaşka olabilir. Bu yazıda site hızı konusunu işletme sahibinin gözünden ele alıyoruz: Yavaşlığın neye mal olduğunu, ücretsiz araçlarla nasıl ölçüleceğini ve hangi iyileştirmelere hangi sırayla başlanması gerektiğini öğreneceksiniz.

Yavaş açılan sitenin gizli maliyeti

Yavaşlığın maliyeti faturada görünmez, bu yüzden “gizli” diyoruz. Ama işletmenize birkaç farklı yoldan dokunur:

• Kaçan ziyaretçi: Sayfa beyaz ekranda beklerken kullanıcı geri tuşuna basar ve arama sonuçlarındaki bir sonraki rakibe geçer. Siz bu kişinin geldiğini bile fark etmezsiniz.
• Boşa giden reklam bütçesi: Google Ads veya Instagram reklamında tıklama için ödeme yaparsınız. Sayfa açılmadan çıkan kişi için de ücret ödenmiş olur.
• Zayıflayan güven: Yavaş ve takılan bir site, özellikle ödeme veya kişisel bilgi istenen durumlarda “burası güvenilir mi?” sorusunu doğurur.
• Arama görünürlüğü: Google, gerçek kullanıcı deneyimini ölçen Core Web Vitals metriklerini sayfa deneyimi sinyalleri arasında değerlendirir. Hız tek başına sıralamayı belirlemez, ama benzer kalitede içerikler arasında fark yaratabilir.

Örneğin Kapadokya’da butik bir otel düşünün. Ziyaretçi, oda fotoğraflarını görmek için siteye giriyor; ancak sıkıştırılmamış, yüksek çözünürlüklü görseller mobil bağlantıda uzun süre yükleniyor. Misafir adayı rezervasyon platformuna geri dönüp orada komisyonlu rezervasyon yapıyor. Otel sitelerinde hız ile rezervasyon deneyiminin ilişkisini otel web sitesi yazımızda ayrıca ele aldık.

Site hızı nasıl ölçülür?

Ölçmeden iyileştirme yapmak, hangi ilacın işe yaradığını bilmeden ilaç denemeye benzer. İşletme sahipleri için ücretsiz ve güvenilir üç araç yeterlidir.

PageSpeed Insights

Google’ın PageSpeed Insights aracına sayfa adresinizi yazarak başlayabilirsiniz. Sonuç ekranında iki farklı bölüm görürsünüz:

• Gerçek kullanıcı verileri: Siteniz yeterli trafiğe sahipse, Chrome kullanıcılarından toplanan son dönem verileri gösterilir. Google’ın dikkate aldığı asıl deneyim budur.
• Laboratuvar testi (Lighthouse): Tek seferlik, simüle edilmiş bir testtir. 0-100 arası performans puanı ve iyileştirme önerileri bu bölümden gelir.

Küçük işletme sitelerinde çoğu zaman gerçek kullanıcı verisi oluşmayacak kadar az trafik olur; bu durumda laboratuvar sonuçları yol gösterici olur. Testi mobil ve masaüstü için ayrı ayrı inceleyin ve tek bir ölçümle karar vermek yerine birkaç kez tekrarlayın.

Lighthouse

Lighthouse, Chrome tarayıcısının geliştirici araçları içinde de bulunur. Sayfada sağ tıklayıp “İncele” dedikten sonra Lighthouse sekmesinden rapor oluşturabilirsiniz. Özellikle henüz yayında olmayan veya şifreli test sayfalarını ölçmek için kullanışlıdır. Sonuçlar bilgisayarınızın gücünden ve eklentilerinizden etkilenebildiği için gizli pencerede test yapmanız daha tutarlı sonuç verir.

Google Search Console

Search Console’daki Core Web Vitals raporu, tek tek sayfalar yerine sitenin geneline bakar ve benzer sayfaları gruplar. “Şu 12 ürün sayfasında LCP sorunu var” gibi toplu bir tablo sunduğu için, hangi şablonun sorunlu olduğunu görmek açısından çok değerlidir.

Hangi metriklere bakmalısınız?

Raporlarda birçok terim görürsünüz, ama başlangıç için üç Core Web Vitals metriğini bilmek yeterli. Google’ın belirlediği “iyi” eşikleri şöyle:

Bu metriklerin ne anlama geldiğini ve her birinin nasıl iyileştirileceğini Core Web Vitals nedir yazımızda ayrıntılı anlattık. Buradaki pratik öneri şu: Puanın kendisine takılmak yerine bu üç metriğin “iyi” aralıkta olmasına odaklanın.

Öncelik sırasıyla site hızı optimizasyonu

Aşağıdaki liste, küçük işletme sitelerinde en sık görülen sorunlardan başlayarak, en az emekle en fazla etkiyi yaratacak sıraya göre düzenlendi.

1. Görselleri optimize edin.
2. Gereksiz eklenti ve harici script’leri kaldırın.
3. Fontları sadeleştirin.
4. Önbelleği ve sıkıştırmayı etkinleştirin.
5. Gerekiyorsa CDN kullanın.
6. Sunucu yanıt süresini kontrol edin, gerekirse hosting’i yükseltin.

Şimdi bu adımları tek tek açalım.

1. Görseller: En büyük ve en kolay kazanç

Yavaş sitelerde en sık rastlanan neden, telefondan veya fotoğraf makinesinden çekilip olduğu gibi yüklenen büyük görsellerdir.

• Doğru boyutlandırın: Ekranda 800 piksel genişlikte görünecek bir görsel için birkaç bin piksellik orijinal dosya yüklemeyin.
• Modern formatları kullanın: WebP ve AVIF formatları, benzer görsel kalitede JPEG ve PNG’ye göre genellikle çok daha küçük dosya boyutu sağlar.
• Lazy load uygulayın: Sayfanın alt kısımlarındaki görsellerin, kullanıcı o bölüme yaklaştığında yüklenmesini sağlayın.
• Ana görseli geciktirmeyin: Sayfanın en üstündeki büyük görsel (hero görseli) genellikle LCP öğesidir. Bu görselde lazy load kullanmak, ölçümü kötüleştirir; aksine öncelikli yüklenmesi gerekir.
• Görsellere boyut bilgisi verin: Genişlik ve yükseklik tanımlı olmayan görseller yüklenirken sayfanın kaymasına, yani CLS sorununa yol açar.

2. Eklentiler ve harici script’ler

Zamanla siteye canlı destek balonu, birden fazla takip pikseli, sosyal medya akışı, pop-up aracı, slider eklentisi gibi parçalar eklenir. Her biri kendi kodunu yükler ve çoğu sayfanın tepki süresini uzatır.

• Kullanılmayan eklentileri devre dışı bırakmak yerine tamamen kaldırın.
• Aynı işi yapan iki aracı tek bir araca indirin.
• Takip kodlarını mümkünse tek bir etiket yöneticisi üzerinden, gerçekten ihtiyaç duyulan sayfalarda yükleyin.
• Instagram akışı, harita veya video gibi ağır içerikleri, kullanıcı tıkladığında yüklenecek şekilde ayarlamayı değerlendirin.

3. Fontlar

Her font ailesi ve her kalınlık ayrı bir dosya demektir. Başlık için bir, metin için bir font ailesi ve sınırlı sayıda kalınlık çoğu site için yeterlidir. Fontların yüklenmesi beklenirken metnin görünmez kalmaması için uygun yükleme ayarı yapılmalı; mümkünse fontlar sitenin kendi sunucusundan sunulmalıdır.

4. Önbellek ve sıkıştırma

Tarayıcı önbelleği, tekrar gelen ziyaretçinin logo, stil ve script dosyalarını yeniden indirmemesini sağlar. Sunucu tarafı önbellek ise sayfanın her ziyarette baştan oluşturulmasını engeller. Metin tabanlı dosyaların sıkıştırılarak (Gzip veya Brotli gibi) gönderilmesi de aktarım süresini kısaltır. Bu ayarların çoğu hosting panelinden ya da kullanılan altyapının ayarlarından yapılabilir.

5. CDN

CDN (içerik dağıtım ağı), sitenizin dosyalarının kopyalarını farklı bölgelerdeki sunucularda tutar ve ziyaretçiye en yakın noktadan sunar. Yurt dışından da ziyaretçi alan bir otel, ihracat yapan bir üretici veya Türkiye genelinde satış yapan bir e-ticaret sitesi için özellikle faydalıdır. Modern bulut barındırma platformlarının çoğunda CDN hazır olarak gelir.

6. Hosting ve sunucu yanıt süresi

Raporlarda “sunucu yanıt süresi” veya “TTFB” (ilk bayta kadar geçen süre) yüksek görünüyorsa, sorun sayfanın içeriğinden önce sunucudadır. Aşırı kalabalık paylaşımlı sunucular, eski yazılım sürümleri veya ağır veritabanı sorguları buna yol açabilir. Bu durumda yukarıdaki adımlar tek başına yeterli olmaz; daha güçlü bir hosting paketine veya farklı bir altyapıya geçmeyi değerlendirmek gerekir.

Mobilde site açılış hızı neden daha kritik?

Mobil cihazlar genellikle masaüstüne göre daha zayıf işlemcilere sahiptir ve bağlantı kalitesi konuma göre değişir. Aynı sayfa, bilgisayarda hızlı açılırken telefonda belirgin şekilde yavaş olabilir. Google da siteleri ağırlıklı olarak mobil sürümleri üzerinden değerlendirdiği için hız çalışmalarında mobil sonuçları önceliklendirmek gerekir.

Mobil deneyim yalnızca hızdan ibaret değildir; okunabilir yazı boyutu, kolay tıklanan butonlar ve ekrana uyan düzen de aynı derecede önemlidir. Bu konuları mobil uyumlu web sitesi nedir yazımızda bir kontrol listesiyle anlattık.

Altyapı seçimi hızı nasıl etkiler?

Bazı hız sorunları sonradan yapılan ayarlarla çözülebilir; bazıları ise sitenin kuruluş şeklinden gelir. Çok amaçlı hazır temalar, kullanmadığınız onlarca özelliğin kodunu her sayfada yükleyebilir. Sürükle-bırak site oluşturucularda ise bazı optimizasyonlara erişiminiz sınırlı olabilir.

Bu, hazır çözümlerin her zaman yavaş olduğu anlamına gelmez; doğru yapılandırılmış hazır bir site de hızlı olabilir. Ancak hız, işiniz için kritikse (reklam trafiği, e-ticaret, rezervasyon gibi) altyapı seçimini baştan bu gözle yapmak gerekir. İki yaklaşımın artı ve eksilerini hazır site mi, özel tasarım mı yazımızda karşılaştırdık. Next.js gibi modern altyapılar ise görsel optimizasyonu, kod bölme ve önbellek gibi özellikleri yerleşik olarak sunduğu için hızlı bir başlangıç noktası sağlar.

Site hızı çalışmalarında sık yapılan hatalar

• Sadece puana odaklanmak: 100 puan hedeflemek yerine gerçek kullanıcı deneyimini ve Core Web Vitals değerlerini iyileştirmeye odaklanın.
• Tek bir ölçümle karar vermek: Test sonuçları ölçümden ölçüme değişebilir; birkaç test yapıp ortalama bir tablo görün.
• Yalnızca ana sayfayı test etmek: Reklam trafiği alan hizmet sayfaları, ürün sayfaları ve iletişim sayfası da ölçülmeli.
• Her soruna yeni bir eklentiyle çözüm aramak: Eklenti sayısı arttıkça yeni sorunlar doğabilir.
• Değişiklik sonrası test etmemek: Optimizasyon sonrası formların, menülerin ve ödeme adımlarının çalıştığını mutlaka kontrol edin.
• Bir kere yapıp bırakmak: Yeni eklenen içerik ve kodlarla hız zamanla düşer; aylık kontrol alışkanlık haline gelmeli.

Bu hafta atabileceğiniz adımlar

• Ana sayfanızı, en çok ziyaret alan hizmet sayfanızı ve iletişim sayfanızı PageSpeed Insights ile mobilde ölçün; LCP, INP ve CLS değerlerini not edin.
• Sitedeki en büyük görselleri tespit edip doğru boyuta küçültün ve WebP formatına dönüştürün.
• Kullanmadığınız eklenti, widget ve takip kodlarını listeleyip kaldırın.
• Search Console’da Core Web Vitals raporunu açıp sorunlu sayfa gruplarını belirleyin.
• Yaptığınız her değişiklikten sonra ölçümü tekrarlayın.

Site hızı optimizasyonu için teknik altyapıya müdahale gerekiyorsa ya da sıfırdan hızlı bir site kurmak istiyorsanız destek alabilirsiniz. Webmilazım, siteleri Next.js ile hız optimizasyonu yapılmış şekilde teslim ediyor. Sitenizin durumunu birlikte değerlendirmek için iletişim sayfamızdan bize ulaşabilirsiniz.