Site hızlandırma çoğu zaman "bir önbellek eklentisi kurup geçmek" olarak görülür. Oysa bir sitenin yavaşlığı tek bir sebepten kaynaklanmaz. Sunucu, WordPress kurulumu, görseller, temanın kodu ve dışarıdan yüklenen servisler birlikte etkiler. Bu yüzden çalışmayı katman katman, alttan üste doğru yürütüyoruz. Alttaki katman düzelmeden üsttekine yapılan müdahale tam verim vermez.
Aşağıda bu sürecin her adımında ne yaptığımızı anlatıyoruz.
Başlamadan Önce: Tam Yedek
Sitenize dokunmadan önce tüm dosyaların ve veritabanının eksiksiz yedeğini alıyoruz. Tema dosyalarında değişiklik yapmadan önce ilgili dosyaların ayrıca kopyasını saklıyoruz. PHP sürümü yükseltme gibi kritik adımlarda, değişiklikten önce ve sonra siteyi kontrol ediyoruz. Beklenmedik bir durumda sitenizi kısa sürede eski haline döndürebiliriz. Bu, çalışmanın başından sonuna kadar uyguladığımız bir çalışma disiplinidir.
Ardından Google PageSpeed Insights ile mobil ve masaüstü için başlangıç ölçümünü alıyoruz. Çalışmanın sonunda aynı testi aynı koşullarda tekrarlayarak farkı somut olarak gösteriyoruz.
1. Sunucu Analizi ve Yapılandırması
Hız çalışmasına her zaman sunucudan başlıyoruz. Sitenin ilk yanıt süresi (TTFB) yavaşsa, ön yüzde yapılan hiçbir iyileştirme tam karşılığını vermez.
cPanel, Plesk veya DirectAdmin panelinize bağlanarak sunucunuzu analiz ediyoruz:
- Web sunucusu yazılımını tespit ediyoruz (LiteSpeed, Apache, nginx)
- PHP sürümünü güncel ve desteklenen bir sürüme taşıyoruz
- PHP bellek, süre ve işlem limitlerini sitenizin ihtiyacına göre ayarlıyoruz
- OPcache ve sıkıştırma (Brotli, Gzip) modüllerinin çalıştığını doğruluyoruz
- Sunucunun WebP/AVIF görsel üretme desteğini kontrol ediyor, gerekiyorsa açıyoruz
- HTTP/2, HTTP/3 ve SSL yapılandırmasını kontrol ediyoruz
- Sunucunun gerçek yanıt süresini ölçüyoruz
2. WordPress ve Önbellek Yapılandırması
Sunucu hazır olduktan sonra WordPress tarafına geçiyoruz. Sitelerin çoğunda birden fazla hız eklentisi kurulu olduğunu ve bunların birbiriyle çakıştığını görüyoruz. İki eklenti aynı dosyaları küçültmeye ya da birleştirmeye çalıştığında, site hızlanmak yerine yavaşlayabilir veya görünümü bozulabilir.
Bu aşamada:
- Çakışan ve gereksiz eklentileri tespit edip devre dışı bırakıyoruz
- Sunucunuza uygun önbellek eklentisini (LiteSpeed sunucularda LiteSpeed Cache) kurup yapılandırıyoruz
- Sayfalarınızın her ziyaretçi için baştan üretilmek yerine önbellekten sunulmasını sağlıyoruz
- CSS ve JavaScript dosyalarını küçültüyoruz
- Tarayıcı önbellek sürelerini ayarlıyoruz, böylece tekrar gelen ziyaretçi dosyaları yeniden indirmiyor
3. Görsel Optimizasyonu
Görseller, çoğu WordPress sitesinde sayfa ağırlığının en büyük bölümünü oluşturur. Mobil hız puanında en belirgin artış genellikle bu aşamada gerçekleşir.
- Tüm görsel arşivinizi WebP formatına dönüştürüyoruz. Aynı görsel çok daha küçük dosya boyutuyla yükleniyor
- Dönüşümü sunucunuzun kendi kaynaklarıyla yapıyoruz. Dışarıya bağımlılık ya da aylık kota yok
- Orijinal görselleriniz korunuyor. WebP desteklemeyen tarayıcılar orijinal görseli görüyor
- Bundan sonra yüklediğiniz her görsel otomatik olarak dönüştürülüyor
- Görsellerin, gösterildikleri alana uygun boyutta yüklenmesini sağlıyoruz. Küçük bir kutuda gösterilen görselin tam boyutu indirilmiyor
- Ekranın altında kalan görsellerin yalnızca kullanıcı oraya kaydırdığında yüklenmesini (lazy load) sağlıyoruz
- Logo gibi öne çıkan görselleri yüksek çözünürlüklü mobil ekranlar için ayrıca hazırlıyoruz
4. PageSpeed Raporu Analizi ve Tema Düzeltmeleri
Eklenti ayarları belli bir noktaya kadar sonuç verir. Kalan hataların büyük kısmı temanın kendi kodundan kaynaklanır ve ancak kaynak dosyalara müdahale edilerek çözülür. Hazır paket çözümlerin yetmediği yer burasıdır.
Google PageSpeed Insights raporunu mobil ve masaüstü için ayrı ayrı inceleyip her hatayı kaynağına kadar takip ediyoruz:
- Sayfanın ilk görüntülenmesini geciktiren betikleri sayfanın sonuna alıyor veya ertelenmiş yüklemeye çeviriyoruz
- Yazı tiplerini modern formatta ve öncelikli olarak yükletiyoruz
- Sayfa yüklenirken içeriğin kaymasına (CLS) yol açan öğeleri düzeltiyoruz
- Tarayıcı konsolunda görülen JavaScript hatalarını gideriyoruz
- Erişilebilirlik hatalarını düzeltiyoruz: mobilde yakınlaştırma kısıtlaması, eksik sayfa yapısı etiketleri, düşük renk kontrastı gibi
- Değişiklikleri, tema güncellendiğinde kaybolmayacak şekilde uyguluyoruz. Güncellemeden etkilenebilecek dosyaların listesini ayrıca tutuyoruz
Çalışmanın Sonunda Size Teslim Ettiklerimiz
- Mobil ve masaüstü için ayrı ayrı başlangıç ve bitiş PageSpeed karşılaştırması
- Sunucu tarafında yapılan değişikliklerin listesi
- Kurulan eklentiler ve seçilen ayarların gerekçeleri
- Tema dosyalarında yapılan düzenlemelerin dökümü
- Tema güncellemesi sonrasında kontrol edilmesi gereken dosyaların listesi
- Varsa hosting firmanızdan talep edilmesi gereken sunucu ayarları için hazır destek talebi metni
Neden Katman Katman Çalışıyoruz?
Site hızı tek seferlik bir ayar değil, birbirine bağlı katmanlardan oluşan bir yapıdır. Sunucu, WordPress, görseller, tema ve dış kaynaklar doğru sırayla ele alındığında kalıcı sonuç alınır. Yeni eklentiler, yeni görseller ve tema güncellemeleri zamanla puanı etkileyebilir. Bu yüzden kurulumu, sonradan sürekli müdahale gerektirmeyecek şekilde yapmaya özen gösteriyoruz.
Sitenizin hızını ücretsiz analiz etmemiz için bizimle iletişime geçin.
Bazı örneklerimiz;
