Sitenizi Yeniden Yazmadan Hızlandırmanın 6 Yolu

Sitemin hızı iyi mi, kötü mü bilmiyorum ama değiştirmeye de param yok — diyorsanız, bu yazı tam size göre. Sitenizi sıfırdan yazdırmak zorunda değilsiniz. Mevcut siteye yapacağınız birkaç küçük müdahale, ziyaretçilerin sitenizde kalıp kalmayacağını ve bir adım atmaya karar verip vermeyeceğini doğrudan etkiliyor. Türkiye'de web trafiğinin dörtte üçü artık cep telefonundan geliyor. Sayfanız 3 saniyede açılmıyorsa pek çok ziyaretçi dönmeden gidiyor.

1. Görselleri Küçültün, Doğru Formata Çevirin

Yavaş sitelerin en büyük suçlusu genellikle görseller. Yıllarca yüklenen büyük JPEG ve PNG dosyaları sayfayı ağırlaştırır. Görselleri WebP formatına dönüştürmek dosya boyutunu yaklaşık %30 küçültüyor; AVIF ise bunun da ötesine geçiyor ve bazı durumlarda yarı yarıya boyut tasarrufu sağlıyor. Squoosh gibi ücretsiz tarayıcı araçlarıyla tek tek görselleri dönüştürebilir, WordPress kullanıyorsanız bir eklentiyle tümünü otomatik işleyebilirsiniz. Dikkat etmeniz gereken önemli bir nokta var: Sayfanın en üstünde, ekrana ilk giren büyük görselinizi asla "geç yükle" (lazy loading) moduna almayın — bu tam tersine sitenizi yavaşlatır. Geç yüklemeyi yalnızca aşağıda kalan, kullanıcının hemen görmediği görsellere uygulayın.

2. CSS ve JavaScript Dosyalarını Küçültün, Gereksizleri Erteleyin

Tarayıcı sayfayı göstermeden önce bazı dosyaları indirip işlemek zorundadır. Bu dosyalar çok büyükse ya da hepsi aynı anda yüklenmeye çalışıyorsa sayfa donup bekler. Çözüm: Gereksiz boşlukları ve yorum satırlarını kaldırarak CSS ve JS dosyalarını sıkıştırın (buna minify deniyor). Ardından yalnızca sayfa açıldığında zorunlu olan dosyaları önce yükleyin; kaydırıcı, form gibi kullanıcı etkileşimini gerektiren scriptleri erteleyin. WordPress kullanıyorsanız Autoptimize gibi ücretsiz eklentiler bu adımları sizin yerinize yapıyor.

3. Cloudflare'in Ücretsiz Planını Etkinleştirin

Hosting firmanızı değiştirmenize gerek yok. Cloudflare'e üye olup alan adınızın DNS kayıtlarını oraya taşıdığınızda, sitenizin içeriği dünyanın 93 ülkesine yayılmış sunuculara kopyalanır. Türkiye'den gelen ziyaretçi bu içeriği en yakın noktadan çeker, dolayısıyla sunucunuzun nerede olduğu artık o kadar önemli değildir. Bu kurulum 15-30 dakika alır ve ücretsizdir. SSL sertifikası, temel DDoS koruması ve görsel sıkıştırma da pakette geliyor. Cloudflare yetersiz kalırsa BunnyCDN gibi Türkiye'de sunucusu olan ücretli ama ucuz alternatiflere geçebilirsiniz.

4. Üçüncü Taraf Scriptleri Gözden Geçirin

Analytics kodu, reklam pikseli, canlı sohbet baloncuğu, sosyal medya butonları — bunların her biri tek başına küçük bir yük, ama hepsi bir arada 1 saniye veya daha fazla gecikme yaratabilir. Önce gerçekten kullanmadığınız eski scriptleri silin. Kalanları sayfanın ilk görüntüsü tamamlandıktan sonraya erteleyin; örneğin canlı sohbet widget'ı kullanıcı sayfayı gördükten 3 saniye sonra yüklenebilir, kimse fark etmez. Google Fonts kullanıyorsanız font dosyasını kendi sunucunuza taşıyın ya da en azından font yüklenirken metin görünür kalsın diye font-display: swap ayarını açın.

5. Tarayıcı Önbelleğini ve Sunucu Cache'ini Açın

Bir ziyaretçi sitenize ikinci kez geldiğinde CSS, JavaScript ve görselleri yeniden indirmek zorunda kalmamalı. Tarayıcı önbelleği etkinleştirildiğinde bu dosyalar ziyaretçinin cihazında saklanır ve tekrar ziyarette anında yüklenir. Bunu sağlamak için hosting panelinizde ya da .htaccess dosyasında statik dosyalar için en az bir yıllık önbellekleme süresi ayarlayabilirsiniz. Sunucu tarafında ise LiteSpeed Cache (LiteSpeed sunucu kullananlar için ücretsiz ve güçlü bir seçenek) sayfa yanıt süresini belirgin biçimde kısaltır. Bu adım için kodu yeniden yazmanıza gerek yok; doğru ayarlamalar yeterli.

6. Mobil Hızı Ayrıca Test Edin

Masaüstünde hızlı görünen bir site, cep telefonunda çok daha yavaş olabilir. Türkiye'de web trafiğinin büyük çoğunluğu mobilden geldiğine göre bu fark önemli. Google'ın PageSpeed Insights aracında (pagespeed.web.dev) sitenizin URL'sini yazın; masaüstü ve mobil skorlarını ayrı ayrı görürsünüz. Mobil skorunuz masaüstünün 20-30 puan altındaysa şu kontrolleri yapın: Büyük masaüstü görseller mobilde küçük versiyonuyla sunuluyor mu? Buton ve form alanları parmakla rahatça tıklanabilecek boyutta mı? Yazı boyutu 16 pikselin altına düşüyor mu? Bu düzeltmelerin tamamı yalnızca CSS ile yapılabilir, siteyi yeniden yazmayı gerektirmiyor.

• Google PageSpeed Insights (pagespeed.web.dev) — Gerçek kullanıcı verisi + anlık test skoru
• Google Search Console — Tüm sayfalarınız için Core Web Vitals raporu
• GTmetrix (gtmetrix.com) — Hangi dosyanın ne kadar beklediğini şema olarak gösterir
• WebPageTest (webpagetest.org) — Sunucu yanıt süresini ve sayfa açılış adımlarını detaylıca analiz eder