Bir WordPress sitesini hızlandırma çalışması için incelerken karşılaştığım sorunlar genellikle değişmiyor.Genelde sıkıştırılmamış devasa görseller ve yanlış formatta yüklenen medya dosyaları görüyorum. Düzgün yapılandırılmamış, hatta hiç kurulmamış cache altyapıları da cabası. Bunlara bir de Google Fonts’un yanlış çağrılma yöntemleri ekleniyor. Sonuç olarak site, kullanıcıyı daha ilk saniyeden bekletmeye başlıyor.
Başlamadan Önce: Mevcut Durumu Kayıt Altına Alın
Herhangi bir optimizasyon işlemine başlamadan önce yapmanız gereken ilk şey mevcut durumun röntgenini çekmektir.
- PageSpeed Skorunu Ölçün: PageSpeed Insights adresine gidin ve sitenizin URL’sini analiz edin. Mobil ve masaüstü skorlarınızı not alın. Özellikle Core Web Vitals metriklerinize dikkat edin. Bu veriler, yaptığınız işin fark yaratıp yaratmadığını gösteren tek somut kanıttır.
- Mutlaka Yedek Alın: Performans optimizasyonu agresif bir süreçtir. Dosya birleştirmeleri veya sunucu bazlı ayarlar beklenmedik çakışmalara yol açabilir. İşlemlere başlamadan önce veritabanı ve dosya yedeğinizi güvenli bir yere alın.
1. Görselleri Doğru Formata Çevirin ve Sıkıştırın
WordPress hızlandırma süreçlerinde en büyük ve en hızlı kazanım neredeyse her zaman görsellerden gelir. Optimizasyon yapılmamış sitelerin çoğunda görseller olduğu gibi, yani ham PNG veya JPEG formatında sunucuda barındırılır.
- WebP Formatına Geçin: Görsellerinizi WebP formatına dönüştürün. WebP, geleneksel JPEG ve PNG formatlarına kıyasla görsel kaliteden ödün vermeden %25 ila %35 oranında daha küçük dosya boyutu sunar.
- Kalite Dengesini Koruyun: Dönüşüm ve sıkıştırma yaparken kalite seviyesini %80-85 civarında tutmak idealdir. Bu oran, insan gözünün fark edemeyeceği bir kayıpla dosya boyutunu ciddi oranda düşürür. %60’ın altına inildiğinde ise pikselleşme başlar.
Araç Önerisi: Tekil dönüşümler için Google’ın ücretsiz aracı Squoosh veya toplu işlemler için CloudConvert platformunu kullanabilirsiniz.
2. Görsellere width ve height Değerlerini Tanımlayın
Bu, genellikle gözden kaçan ancak Core Web Vitals için kritik olan bir detaydır. Görsellerin HTML kodunda width ve height değerleri belirtilmelidir. Aksi takdirde tarayıcı, görsel yüklenene kadar kaplanacak alanı kestiremez. Bu durum, sayfa yüklenirken elemanların aniden aşağı kaymasına neden olur.
Yani Cumulative Layout Shift (CLS) sorunu ortaya çıkar.Google’ın sıralama faktörü olarak kabul ettiği CLS’yi önlemek ve sayfa düzenini sabitlemek için temalarınızda görselleri boyutlandırarak çağırın.
- WordPress Geliştirici Notu: Özel temalarınızda öne çıkan görselleri çağırırken
the_post_thumbnail()fonksiyonuna uygun boyut parametrelerini eklemeyi unutmayın.
3. Doğru Cache Eklentisini Seçin (Sadece Bir Tane!)
Sık yapılan hatalardan biri, birden fazla cache eklentisini aynı anda aktif ederek siteyi hızlandırmaya çalışmaktır. WP Rocket + WP Fastest Cache + W3 Total Cache gibi kombinasyonlar siteyi hızlandırmaz; aksine kod çakışmalarına ve sitenin kırılmasına neden olur.
Kural nettir: Sitenizin altyapısına uygun tek bir cache eklentisi seçin.
- LiteSpeed Sunucular İçin (LiteSpeed Cache): Siteniz LiteSpeed mimarisine sahip bir sunucuda barındırılıyorsa tercihiniz net olmalı. Kesinlikle LiteSpeed Cache kullanmalısınız. Bu eklenti sunucu seviyesinde (server-level) önbellekleme yapar. Bu sayede standart PHP tabanlı eklentilerden çok daha hızlı yanıt verir.
- Apache veya Nginx Sunucular İçin (WP Fastest Cache): Geleneksel sunucu mimarilerinde ise WP Fastest Cache kurulum kolaylığı ve stabil çalışmasıyla harika bir alternatiftir. Ücretsiz sürümü bile temel ihtiyaçları fazlasıyla karşılar.
Cache eklentinizde mutlaka aktif etmeniz gereken temel ayarlar:
- HTML, CSS ve JS Minify (Küçültme)
- Tarayıcı Önbellekleme (Browser Caching)
- GZIP veya Brotli Sıkıştırma
4. JS ve CSS Dosyalarını Minify Edin
Minify (küçültme) işlemi; kaynak kodlardaki gereksiz boşlukları, yorum satırlarını ve karakterleri temizleyerek dosya boyutunu düşürme sanatıdır. Onlarca farklı eklentinin ve temanın CSS/JS dosyalarını yüklediği bir WordPress sitesinde, bu temizlik toplam sayfa boyutunda gözle görülür bir hafifleme sağlar.
- Dikkat Edilmesi Gerekenler: Cache eklentiniz üzerinden JS ve CSS dosyalarını birleştirirken (Combine) dikkatli olun. Bazı dinamik script’ler birleştirme sonrasında çalışmayı durdurabilir. Ayarları açtıktan sonra sitenizin formlarını, menülerini ve dinamik alanlarını gizli sekmede mutlaka test edin.
5. Google Fonts Yüklemesini Optimize Edin
Birçok WordPress teması, yazı tiplerini doğrudan uzak sunucudan çağırır. Tarayıcı, harici sunucuya istek atıp fontu indirene kadar render işlemini durdurabilir. Bu durum, sitenin açılış hızını doğrudan baltalar.
Bunu çözmek için iki profesyonel yaklaşım mevcuttur:
- Yöntem A (font-display: swap): Font URL’nizin sonuna
&display=swapparametresini ekleyin. Bu parametre tarayıcıya şunu söyler: “Özel font yüklenene kadar sistemin varsayılan fontunu göster, font yüklendiğinde ise geçiş yap.” Böylece kullanıcı boş bir ekran beklemek zorunda kalmaz. - Yöntem B (Yerel Barındırma): Font dosyalarını google-webfonts-helper gibi araçlarla bilgisayarınıza indirin, temanızın
/fontsklasörüne yükleyin ve@font-faceile doğrudan kendi sunucunuzdan çağırın. Bu sayede harici DNS sorgularını tamamen ortadan kaldırmış olursunuz.
6. Gereksiz ve Hantal Eklentileri Temizleyin
WordPress’te aktif olan her eklenti; veritabanına yeni bir sorgu, sunucuya ekstra bir PHP yükü ve ön yüze yeni bir CSS/JS dosyası demektir. Kullanılmayan veya verimsiz kodlanmış eklentiler performansı doğrudan aşağı çeker.
- Eklenti Denetimi Yapın: Eklentiler listenizi açın ve kendinize şu soruyu sorun: “Bu eklenti sitenin işleyişi için gerçekten kritik mi?”
- Alternatiflere Yönelin: Sadece bir iletişim formu için devasa eklenti paketleri kullanmak yerine daha hafif çözümleri tercih edin. Ağır slider eklentileri veya harici JavaScript kodu yükleyen sosyal medya widget eklentilerini sitenizden uzak tutun.
Sonuç: Performans Skorlardan İbaret Değildir
Optimizasyon çalışmaları sonrasında aldığım en değerli geri bildirim sadece yüksek skorlar olmadı. Asıl başarı, kullanıcıların siteyi “akıcı ve hızlı hissetmesi” oldu. Sayfalar arası geçişlerin anlık gerçekleşmesi her şeyden önemlidir. Yüksek PageSpeed skoru güzel bir hedef. Ama asıl başarı, kullanıcının siteyi ‘hızlı hissettirmesi’ bunu optimizasyonlardan sonra bizzat duyduğum geri bildirimlerden biliyorum.
Siz de WordPress sitenizin performans sorunlarını gidermek, Core Web Vitals metriklerini iyileştirmek ve kullanıcı deneyimini yukarı taşımak istiyorsanız, İletişim Formu üzerinden bana ulaşabilir, projeleriniz için profesyonel optimizasyon desteği alabilirsiniz.
WordPress’te çoklu dil ve Multisite kullanıyorsan, WPML + ACF Block duplicate sorununu anlattığım yazıma da göz atabilirsin.
