Eklenti eklemeden WordPress sitesini hızlandırmanın 6 yolu

Bu hafta yavaşlıktan şikâyet eden bir WordPress sitesinde çalıştım. Sahibi yeni eklenti istemiyordu, çünkü daha önce eklenen her şey yeni bir sorun çıkarmış. Eklenti eklemeden yapılabilecekleri toparladım, benzer durumdaki arkadaşlara yol gösterir diye paylaşıyorum.
1. Önce darboğazı bulun
Sitedeki bir resim ya da CSS dosyası ile ana sayfanın ilk cevap süresini karşılaştırın. Bizim sitede statik dosyalar 0,9 saniyede, ana sayfa ise 5-7 saniyede geliyordu. Bu fark, sorunun görsellerde değil sunucunun her sayfayı baştan üretmesinde olduğunu gösteriyor. Çözümün büyük kısmı sayfa önbelleği.
2. Hosting panelindeki önbelleğe bakın
Birçok hosting firması panelde sunucu tarafı önbellek sunuyor (LiteSpeed, Nginx önbelleği, Varnish gibi). Eklenti kurmadan açılabildiği için ilk kontrol edilecek yer burası. Açtıktan sonra giriş yapmış kullanıcı, sepet ve ödeme sayfalarının önbelleğe girmediğini mutlaka test edin.
3. Kullanılmayan dosyaları sayfa bazında kapatın
Her eklenti kendi CSS ve JS dosyasını genelde tüm sayfalara ekliyor. Mağaza eklentisi blog sayfasında, video eklentisi videosuz sayfada gereksiz. Temanın functions.php dosyasına ya da var olan bir snippet eklentisine wp_dequeue_script ve wp_dequeue_style ile koşullu kapatma yazılabiliyor. Bizim sitede bir yorum eklentisi, blok editörü paketinin tamamını ön yüze yüklüyordu. Bunu kapatınca ana sayfadaki script sayısı 91'den 46'ya indi.
4. Görsellere lazy loading verin
WordPress kendi eklediği görsellere lazy loading veriyor ama sosyal medya akışları ve galeri eklentilerinin bastığı görseller çoğu zaman hemen yükleniyor. Sayfanın üstündeki ilk 2-3 görsel hariç hepsine loading="lazy" eklemek ilk açılışı belirgin hızlandırıyor.
5. Ağır gömmeleri sorgulayın
Facebook, Instagram, Flickr akışları ve YouTube gömmeleri her ziyarette dış sunuculara istek atıyor. Gerçekten ana sayfada olmaları gerekiyor mu, yoksa ayrı bir sayfaya ya da tıklayınca açılan bir önizlemeye alınabilir mi, ona bakın.
6. Her adımdan sonra test edin
Tek seferde her şeyi değiştirmeyin. Her değişiklikten sonra ana sayfa, bir yazı, mağaza ve sepet sayfasını açıp tarayıcı konsolunda yeni hata çıkıp çıkmadığına bakın. Snippet kullanıyorsanız geri almak tek tık oluyor, bu yüzden doğrudan tema dosyasını düzenlemekten daha güvenli.
Siz eklenti kullanmadan hız için neler yapıyorsunuz? Ekleyecek olan varsa yazsın.

Güzel derleme, eline sağlık. Benim ekleyeceklerim de var: birincisi, görsel boyutları — tema görsellerini yüklemeden önce WebP'ye çevirip uygun boyutta yüklemek, lazy loading'den bile daha çok fark ediyor; çoğu sitede ilk açılıştaki ağırlığın yarısı gereğinden büyük görsellerden geliyor. İkincisi, fontlar: Google Fonts'u sistem fontlarıyla ya da tek ağırlıkla sınırlandırmak, render'ı ciddi rahatlatıyor. Bir de eklenti eklemeden yapılabilecek en etkili şeylerden biri, kullanılmayan widget ve blokları kaldırmak; özellikle sayfa oluşturucuların bıraktığı boş div'ler DOM'u şişiriyor. Son olarak, ölçüm için PageSpeed'e ek olarak sunucu tarafı TTFB'ye de bakmak lazım; bazen sorun temada değil, paylaşımlı hostingin cevap süresinde oluyor.

katkın için teşekkürler görsel boyutları ve fontları da kontrol listesine eklemek iyi olur