İçindekiler
WP Rocket Nedir?, WP Rocket WordPress sitelerinde sayfa açılış süresini düşürmek, Core Web Vitals metriklerini iyileştirmek ve dönüşümleri artırmak için kullanılan, kurması ve yapılandırması kolay bir önbellek eklentisidir. Bu rehberde eklentinin ne yaptığını, hangi ayarların neye etki ettiğini ve olası sorunlarda nasıl yol alacağınızı net ve uygulanabilir şekilde bulacaksınız.
WP Rocket Nedir?
Önbellekleme (cache), ziyaretçilere her sayfa yüklenişinde PHP ve veritabanı sorguları çalıştırmak yerine, hazır HTML çıktıyı sunar. Bu yaklaşım TTFB ve LCP gibi metrikleri iyileştirir; tarayıcı ve sunucu üzerindeki yükü azaltır. Eklenti ayrıca CSS/JS küçültme, birleştirme/ayırma, dosyaları erteleme, görselleri tembel yükleme (lazyload), veri tabanı temizleme, preloading ve CDN entegrasyonu gibi hız optimizasyonlarını tek panelde toplar. Kısacası, teknik bilgi seviyesi sınırlı kullanıcılar için dahi pratik bir “hepsi bir arada” hız paketidir.
WP Rocket Nasıl Kurulur?
- WP Rocket sitesinden eklentiyi satın alın.
- WordPress panelinizde Eklentiler > Yeni Ekle yolunu izleyin ve lisansınızla birlikte gelen ZIP dosyasını Yükle deyin.
- Etkinleştir düğmesine tıklayın; sol menüde eklenti ayarları belirecektir.
- Lisans anahtarınızı girin; temel önerilen ayarlar çoğu sitede kutudan çıktığı gibi çalışır.
- Değişiklik yaptıktan sonra Önbelleği Temizle ve Ön Yükleme (Preload) seçeneklerini çalıştırın.
- Her büyük değişimden sonra ölçüm yaparak ilerleyin (PageSpeed Insights/Lighthouse gibi araçlarla).
Temel Ayarlar Ve Önerilen Yapılandırmalar
Aşağıdaki başlıklar çoğu WordPress sitesinde güvenle açılabilir; yine de her tema/eklentinin farklı davranabileceğini unutmayın:
- Önbellek (Cache): Mobil için ayrı önbellek kullanın; oturum açmış kullanıcılar için gerekirse önbelleği kapatın.
- Dosya Optimizasyonu: CSS küçültme ve birleştirme çoğu sitede işe yarar; JS tarafında geciktirme (delay) ve yüklemeyi erteleme (defer) ile render engelleyen kaynakları azaltın.
- Medya (LazyLoad): Görseller, iframe ve videolar için tembel yüklemeyi aktif edin; logo/üst kısımda görünen 1–2 görseli hariç tutabilirsiniz.
- Preload: Site haritasına dayalı ön yüklemeyi açın; menü/ana akış sayfalarını önceliklendirin.
- Veri Tabanı (Database): Revizyonlar, otomatik taslaklar ve geçici seçenekleri periyodik temizleyin.
- CDN Entegrasyonu: Statik dosyalarınızı coğrafi olarak dağıtmak için CDN alan adını ekleyin; görselleri de dahil edin.
- Heartbeat Kontrolü: Yönetim paneli ve ön yüzde Heartbeat frekansını azaltarak sunucu kaynaklarını koruyun.
Önerilen Ayarlar Ve Etkileri (Tablo)
| Ayar | Ne Yapar | Dikkat Edilecekler |
|---|---|---|
| HTML/CSS/JS Küçültme | Dosya boyutlarını düşürür | Yoğun JS kullanan temalarda kırılma riski; sorunlu dosyayı hariç tutun |
| JS Defer/Delay | Render engellemeyi azaltır | Kritik etkileşim script’lerini hariç tutmanız gerekebilir |
| LazyLoad | İlk yükte aktarılan görsel sayısını azaltır | Üst kısımdaki kahraman görseli hariç tutmak CLS riskini azaltır |
| Preload | Önbelleği ısıtır, ilk ziyaretlerde hız kazandırır | Çok büyük sitelerde kaynak tüketimine dikkat edin |
| Database Temizliği | Şişmiş tabloları hafifletir | Temizlikten önce tam yedek alın |
| CDN Entegrasyonu | Statikleri en yakın uçtan sunar | Mutlaka HTTPS ve doğru CNAME yapılandırması |
| Heartbeat Azaltma | AJAX trafiğini düşürür | Gerçek zamanlı edit eklentilerinde çok agresif kısma yapmayın |
Performansı Nasıl Ölçersiniz?
Eklentiyi “kurdum, bitti” diye düşünmeyin; her sitede farklı bir optimum nokta vardır. İzlenecek pratik yol:
- Önce ölçün: Sayfanın kritik şablonlarını (ana sayfa, kategori, ürün, tek yazı) PageSpeed Insights, Lighthouse ve tercihen gerçek kullanıcı verisiyle (CrUX/Field Data) test edin.
- Değişikliği tek tek uygulayın: Örneğin önce JS geciktirmeyi açın, tekrar ölçün; ardından CSS ile devam edin.
- Kırılmaları kontrol edin: Menü, arama, sepet, form gibi etkileşimli alanlarda işlev bozuldu mu bakın.
- Gerçek cihaz testleri yapın: Mobil ağ koşullarında LCP ve CLS’e dikkat; “mükemmel laboratuvar skoru” kötü kullanıcı deneyimini maskeleyebilir.
- Ön bellek ısınmasını bekleyin: Preload sonrası ilk dolaşmada skorlar iyileşir; raporları bir süre sonra tekrar karşılaştırın.
Sık Karşılaşılan Sorunlar Ve Çözümler
- JS Kırılmaları: Form, filtre veya menüler çalışmıyorsa ilgili script’i delay/defer dışına alın (hariç tutma listesine ekleyin).
- CSS FOUC/FOIT: “Kritik CSS oluşturma” ve fontların
font-displayayarıyla metin çakılmalarını azaltın. - CDN Sonrası Karışıklık: Karışık içerik (mixed content) ve CORS hataları için CDN’de HTTPS ve doğru header’lar zorunludur.
- Eklenti Çakışmaları: Görsel optimizasyon/tembel yükleme yapan ikinci bir eklenti varsa özellik çakışabilir; tek elde toplayın.
- Önbellek Sonrası Eski İçerik: Yayın güncellemesinden sonra global purge çalıştırın; dinamik bloklar için ayrı kurallar tanımlayın.
E-Ticaret Ve Çok Dilli Sitelerde Dikkat
Sepet, ödeme ve hesap sayfaları gibi dinamik alanlar önbelleğe alınmamalıdır. WooCommerce gibi eklentilerde bu sayfalar genellikle otomatik hariç tutulur; yine de kontrol edin. Stok, fiyat, kampanya gibi sık değişen veriler için nesne önbelleği ve kısa TTL’ler tercih edilebilir. Çok dilli sitelerde (WPML/Polylang) dil başına ayrı önbellek anahtarları kullanıldığından, menü ve widget çevirilerinin doğru varyantta geldiğini doğrulayın. CDN kullanıyorsanız coğrafi/dil varyantı başlıklarını (Vary) düzgün ilettiğinizden emin olun.
WP Rocket için Gelişmiş İpuçları
Doğru yapılandırılan WP Rocket ile hem laboratuvar hem saha verilerinde istikrarlı kazanç elde edebilirsiniz. Aşağıdaki ileri düzey dokunuşlar, özellikle trafik yoğun sayfalarda fark yaratır:
- Kritik Yol Odaklı Yükleme: En üstte görünen bölüm için kritik CSS üretin; geri kalanını load after interaction mantığıyla yükleyin.
- Third-Party Script Yönetimi: Analitik, sohbet balonu, ısı haritası gibi komut dosyalarını etkileşim sonrasına geciktirin; tetikleme koşullarını düzenleyin.
- Preconnect/Prefetch: Dış alan adlarına (CDN, font, video)
preconnectekleyerek DNS/TLS gecikmesini düşürün; sayfa içi sonraki tıklamalar içinprefetchkullanın. - Medya Stratejisi: WebP/AVIF dönüşümü ve uygun boyutlandırma ile görsel ağırlığını azaltın; üst kısımdaki tek ana görseli lazyload dışında bırakın.
- Sunucu Tarafı Optimizasyon: HTTP/2 veya HTTP/3, OPCache, güncel PHP sürümü ve yeterli CPU/RAM; yazılım katmanındaki her iyileştirme eklentinin etkisini katlar.
Örnek Uygulama Kontrol Listesi (Kısa)
- Mobil için ayrı önbellek, JS delay, CSS minify ✔️
- LazyLoad aktif, kahraman görseli hariç tutuldu ✔️
- Preload ve sitemap temelli tarama açıldı ✔️
- CDN CNAME tanımlandı, HTTPS doğrulandı ✔️
- Database temizlik takvimi oluşturuldu ✔️
- Ölçüm, kırılma kontrolü, tekrar ölçüm döngüsü kuruldu ✔️
