Web Siteniz Neden Yavaş? Hızlandırmak İçin 12 Etkili Yöntem

Bir ziyaretçi sitenize geldiğinde, ilk birkaç saniye içinde kalıp kalmayacağına karar verir. Sayfa beyaz ekranda bekliyorsa, görseller parça parça yükleniyorsa ya da bir butona dokunduğunuzda hiçbir şey olmuyorsa, o kişi büyük ihtimalle geri tuşuna basar ve rakibinize gider.

Yıllar içinde onlarca web sitesi projesinde gördüğüm gerçek şu: Yavaşlığın sebebi neredeyse hiçbir zaman tek bir şey değildir. Biraz büyük görseller, biraz zayıf hosting, biraz fazla eklenti ve biraz da gereksiz betik bir araya gelince ortaya 6-8 saniyede açılan bir site çıkar. İyi haber şu ki, bu sorunların çoğu sistematik bir yaklaşımla çözülebilir.

Önce ölçün: Core Web Vitals nedir?

Google, kullanıcı deneyimini ölçmek için üç temel metrik kullanır:

Ölçüm için Google PageSpeed Insights'ı kullanın. Bu araç iki tür veri gösterir: Gerçek Chrome kullanıcılarından toplanan alan verisi ve test ortamında üretilen laboratuvar verisi. Sıralamada önemli olan alan verisidir; laboratuvar verisi ise sorunları teşhis etmek için kullanılır.

Ölçmediğiniz bir şeyi iyileştiremezsiniz. Her değişiklikten önce ve sonra test yapın, sonuçları not edin.

1. Görselleri optimize edin

Yavaş sitelerin bir numaralı sebebi, telefonla çekilmiş 4-5 MB'lık fotoğrafların doğrudan siteye yüklenmesidir.

• Modern formatlar kullanın: WebP ve AVIF, aynı görsel kalitede JPEG'e göre genellikle çok daha küçük dosyalar üretir.
• Doğru boyutta yükleyin: 400 piksel genişliğinde gösterilecek bir görsel için 4000 piksellik dosya yüklemeyin.
• Duyarlı görseller: srcset ve sizes ile mobil cihazlara küçük, masaüstüne büyük görsel gönderin.
• Genişlik ve yükseklik belirtin: Bu, CLS sorununu önler.
• Lazy loading: Ekranın altında kalan görselleri loading="lazy" ile sonradan yükleyin. Ancak sayfanın en üstündeki ana görseli asla tembel yüklemeyin; aksine fetchpriority="high" ile önceliklendirin.

2. Kaliteli hosting seçin

En iyi optimize edilmiş site bile yavaş bir sunucuda yavaş çalışır. Ucuz paylaşımlı hostinglerde aynı sunucuyu yüzlerce site paylaşır ve trafik arttığında hepsi birlikte yavaşlar.

Hosting seçerken şunlara dikkat edin:

1. SSD veya NVMe disk
2. Güncel PHP sürümü (PHP 8.x, eski sürümlere göre belirgin şekilde daha hızlıdır)
3. Sunucu tarafı önbellek desteği (OPcache, Redis veya benzeri)
4. HTTP/2 veya HTTP/3 desteği
5. Hedef kitlenize yakın veri merkezi (Türkiye'deki ziyaretçiler için Türkiye veya Avrupa)

Sunucu yanıt süresi (TTFB) 600 milisaniyenin üzerindeyse, başka hiçbir optimizasyon sorunu tamamen çözmez.

3. Sayfa önbelleği kullanın

Her ziyarette veritabanına onlarca sorgu gönderip sayfayı sıfırdan oluşturmak yerine, hazırlanmış HTML'yi saklayıp doğrudan sunmak sunucu yanıt süresini dramatik şekilde düşürür. İçerik değiştiğinde önbelleğin otomatik temizlenmesi yeterlidir. Bu sitenin kendisi de bu yöntemle çalışır.

4. Tarayıcı önbelleğini yapılandırın

CSS, JavaScript, font ve görsel dosyaları için uzun süreli önbellek başlıkları tanımlayın. Böylece ziyaretçi ikinci sayfaya geçtiğinde bu dosyalar tekrar indirilmez. Dosya güncellendiğinde adına bir sürüm parametresi ekleyerek önbelleği kırabilirsiniz.

5. Sıkıştırmayı açın

Sunucunuzda Gzip veya daha verimli olan Brotli sıkıştırmasının açık olduğundan emin olun. Metin tabanlı dosyalar (HTML, CSS, JS, JSON, SVG) sıkıştırıldığında boyutları ciddi oranda küçülür.

6. Engelleyici CSS ve JavaScript'i azaltın

Tarayıcı, <head> içindeki CSS ve senkron JavaScript dosyalarını indirip işlemeden sayfayı göstermez.

• JavaScript dosyalarına defer ekleyin.
• Kullanılmayan CSS'i temizleyin. Birçok hazır tema, sitenizde hiç kullanılmayan yüzlerce kilobayt stil içerir.
• Sayfanın ilk görünen kısmı için gereken kritik CSS'i satır içi (inline) verin.
• Büyük kütüphaneleri sadece küçük bir efekt için yüklemeyin.

7. Eklenti ve tema şişkinliğinden kurtulun

Hazır içerik yönetim sistemlerinde her eklenti kendi CSS ve JavaScript dosyalarını tüm sayfalara ekleyebilir. 40 eklentili bir site, her sayfada onlarca gereksiz dosya yükler.

Kendinize şu soruları sorun:

• Bu eklenti gerçekten gerekli mi?
• Aynı işi yapan iki eklenti var mı?
• Sadece bir sayfada kullanılan özellik tüm sayfalarda mı yükleniyor?

8. Üçüncü parti betikleri denetleyin

Canlı destek araçları, reklam ve izleme kodları, sosyal medya gömme kodları, ısı haritası araçları… Her biri ayrı sunuculara bağlantı kurar ve ana iş parçacığını meşgul eder. Bunlar genellikle INP değerini en çok bozan unsurlardır.

• Gerçekten kullanmadığınız izleme kodlarını kaldırın.
• Canlı destek aracını ilk etkileşimden sonra yükleyin.
• YouTube videolarını önce küçük bir önizleme görseliyle gösterin, tıklanınca gerçek oynatıcıyı yükleyin.

9. Fontları akıllıca yükleyin

• Sadece kullandığınız font kalınlıklarını yükleyin.
• font-display: swap kullanarak metnin font yüklenene kadar görünmez kalmasını engelleyin.
• Mümkünse değişken (variable) fontları tercih edin.
• Font sağlayıcısına preconnect ile önceden bağlantı açın.

10. CDN kullanın

İçerik dağıtım ağı (CDN), statik dosyalarınızı dünyanın farklı noktalarındaki sunuculara kopyalar ve ziyaretçiye en yakın noktadan sunar. Ayrıca DDoS koruması ve ek önbellek katmanı sağlar. Ziyaretçileriniz farklı şehir ve ülkelerden geliyorsa CDN büyük fark yaratır.

11. Veritabanını optimize edin

Zamanla şişen veritabanları sorgu sürelerini uzatır.

• Sık kullanılan sorgular için doğru indeksleri oluşturun.
• Eski revizyonları, spam yorumları ve geçici kayıtları temizleyin.
• Yavaş sorgu kayıtlarını (slow query log) inceleyin.
• Sayfa başına çalışan sorgu sayısını takip edin.

12. Düzen kaymalarını (CLS) önleyin

Bir butona tıklamak üzereyken sayfanın kayması ve yanlış yere tıklamak, kullanıcıları en çok sinirlendiren deneyimlerden biridir.

• Tüm görsel ve videolara boyut verin.
• Reklam ve gömülü içerikler için önceden yer ayırın.
• Sayfanın üstüne sonradan banner veya bildirim eklemeyin.
• Web fontlarının yüklenirken metni kaydırmamasına dikkat edin.

Mobil performansa ayrı önem verin

Ziyaretçilerinizin büyük çoğunluğu muhtemelen mobil cihazlardan geliyor ve Google siteleri mobil öncelikli olarak değerlendiriyor. Mobil cihazların işlemcisi masaüstüne göre daha zayıftır; bu yüzden masaüstünde hızlı görünen bir site mobilde ciddi şekilde yavaşlayabilir. Test yaparken mutlaka mobil sonuçlara bakın ve gerçek bir orta segment telefonla da deneyin.

Hız optimizasyonu için öncelik sırası

Her şeyi aynı anda yapmak zorunda değilsiniz. En yüksek etkiyi en az emekle almak için şu sırayı öneririm:

1. Görselleri sıkıştırıp modern formata çevirin.
2. Sayfa önbelleğini açın.
3. Gereksiz eklentileri ve üçüncü parti betikleri kaldırın.
4. JavaScript'leri defer ile yükleyin.
5. Hosting'inizi değerlendirin, gerekiyorsa yükseltin.
6. CDN ekleyin.
7. İnce ayarlara (kritik CSS, font optimizasyonu, veritabanı) geçin.

Hız ile gelir arasındaki bağlantı

Site hızı yalnızca teknik bir konu değildir. E-ticaret sitelerinde her ek saniye sepet terkini artırır; hizmet sitelerinde ise iletişim formuna ulaşan ziyaretçi sayısını azaltır. Ayrıca reklam veriyorsanız, yavaş bir açılış sayfası her tıklama için ödediğiniz parayı boşa harcatır. Bu yüzden hız iyileştirmesini bir "maliyet" değil, dönüşüm oranını artıran bir yatırım olarak görmek gerekir.

Gerçek bir hızlandırma çalışması nasıl ilerler?

Bir siteyi hızlandırırken izlediğim süreç genellikle şu şekildedir. Önce PageSpeed Insights, Search Console ve sunucu kayıtlarından mevcut durumun fotoğrafı çekilir. Ardından sayfa türlerine göre (ana sayfa, kategori, ürün veya yazı sayfası) en yavaş şablonlar belirlenir; çünkü bir şablonu düzeltmek, o şablonu kullanan yüzlerce sayfayı aynı anda iyileştirir.

İkinci aşamada "en ağır" dosyalar listelenir. Çoğu zaman listenin başında birkaç megabaytlık görseller, kullanılmayan bir slider kütüphanesi ve sayfada hiç görünmeyen bir harita kodu çıkar. Bunlar temizlendiğinde, henüz sunucuya dokunmadan bile ciddi bir iyileşme görülür.

Üçüncü aşamada sunucu tarafına geçilir: PHP sürümü, önbellek, veritabanı sorguları ve sıkıştırma ayarları. Son aşamada ise değişiklikler yeniden ölçülür ve Search Console'daki alan verisinin birkaç hafta içinde iyileşmesi takip edilir. Laboratuvar testleri anında değişir, ancak gerçek kullanıcı verilerinin güncellenmesi zaman alır; bu yüzden sabırlı olmak gerekir.

Hızlı test için 5 dakikalık kontrol listesi

Vaktiniz kısıtlıysa sitenizin hız sağlığını beş dakikada şöyle kontrol edebilirsiniz: Ana sayfanızı PageSpeed Insights'ta mobil olarak test edin ve LCP değerine bakın. Ardından tarayıcının geliştirici araçlarında "Ağ" sekmesini açıp sayfanın toplam boyutunu ve istek sayısını not edin. 3 MB'ın ve 80 isteğin üzerindeki sayfalar genellikle iyileştirmeye açıktır. Son olarak en büyük beş dosyanın ne olduğuna bakın; büyük ihtimalle optimize edilmemiş görseller ya da kullanılmayan betikler listenin başında olacaktır.

Sonuç

Hızlı bir web sitesi; daha iyi kullanıcı deneyimi, daha yüksek dönüşüm oranı ve daha güçlü bir arama motoru performansı demektir. Yukarıdaki 12 yöntemi uyguladığınızda, çoğu sitenin açılış süresini yarı yarıya indirmek mümkündür.

Sitenizin hangi sıralarda olduğunu ve teknik eksiklerini görmek için SerpGO gibi analiz araçlarından yararlanabilirsiniz. Sitenizin performans analizi ve hızlandırılması için destek almak isterseniz bana ulaşın.