LiteSpeed Cache Kurulumu ve Ayarları (Roket Hızında WordPress)

Google Optimizasyon ve SEO adına web sitelerinizin son derece hızlı olması gerekiyor. WordPress tabanlı sitelerde sayfa yüklenme süresini etkileyen en büyük faktör kullandığınız tema ve eklentilerdir. Sorgu sayısının fazla olması, veritabanı yüküyle beraber sunucuda yavaşlamalara yol açabilir. Cache (önbellekleme) eklentileri bu noktada yardımınıza koşmakta. Alanında en iyi ve kapsamlı önbellekleme eklentisi olan LiteSpeed Cache tamamen ücretsiz ve açık kaynak kod bir plugin. SEO Uzmanları tarafından da sıkça önerilmektedir.

Neden LiteSpeed Cache Eklentisi, Farkı Nedir?

Diğer cache eklentilerinden farkı nedir, gelin beraber inceleyelim.

• Bu yazılım php ile kodlanmış standart cache eklentilerinin aksine doğrudan web sunucunuz üzerinden önbellekleme yapılmasını sağlar.
• Bu sebeple sitelerinizden en yüksek performansı alabilmek adına ilgili plugin-i kullanabilirsiniz.
• WP Multisite, WooCommerce, bbPress, ve Yoast SEO gibi hemen hemen her eklenti ile uyumlu çalışır. (uyumluluğu test edilmiş eklentiler için tıklayın!)
• 600 binden fazla aktif kurulum ve 5 üzerinden 4,9 puan kullanıcı değerlendirmesi bulunmaktadır.
• Temel özelliklerini Nginx vs Apache web sunucularında kullanabilirsiniz.
• En iyi verimi alabilmek için OpenLiteSpeed teknolojisi destekleyen hosting firmalarını tercih etmeniz gerekir. Sunucunuzda LSCache modülünün kurulu olduğundan emin olun.
• (Veridyen, Güzel Hosting ve Turhost bu firmalar arasındadır)

LiteSpeed Cache Ayarları Nasıl Yapılır?

WordPress Litespeed Cache Eklentisi ayarlarını yapmak biraz zahmet verici olabilir. Çünkü bazı ayarların site yapısını ve tasarımı bozma ihtimali bulunuyor. Ayarları güncelledikten sonra F5 ile ana sayfayı yenilemeyi, kontrol etmeyi unutmayın. Kurulum tek sefer yapılacağından vakit ayrılıp doğru ve stabil şekilde yapılandırılmalıdır. İsterseniz kurulum ve kullanıma geçelim!

Karşınızda LiteSpeed Gelişmiş Cache Sistemi için önerilen ayarlar…

LiteSpeed Cache » Settings

[1] General :

• Bu bölüme dokunmayın, varsayılan olarak kalsın. Enable LiteSpeed Cache  = Enable olduğundan emin olun. Otomatik güncellemeleri olası kesinti / problemlere karşı kapalı olarak işaretlemeniz önerilir. {General Görsel}

[2] Cache :

• Cache Logged-in Users: ON

Giriş yapmış kullanıcılar ve site sahibi için önbelleklemeyi aktif duruma getirir. Gizli hataları fark edebilmek için bu seçeneği açık tutmanız tavsiye edilir.

• Cache Commenters: OFF

Onay bekleyen yorumcular için önbellekleme ayarıdır, bu seçeneği kapalı tutabilirsiniz.

• Cache REST API: ON

WordPress REST API tarafından yapılan istekleri cache alır.

• Cache Login Page: ON

Giriş sayfasını önbelleğe alır. Performans ve brute-force saldırılarını bir nebze engellemek için açık tutun.

• Cache favicon.ico: ON

Sitenize ait ikon dosyası her sayfada ayrı olarak çağrılır. Önbellekleme işlemi ile bu gereksiz php sorgularını engelleyebilir ve performansı artırabilirsiniz.

• Cache PHP Resources: ON

Bazı tema ve eklentiler php isteği ile ekstra kaynak oluşturur. Gereksiz bu sorguları önleyerek sunucu performansını arttırın.

• Cache Mobile: OFF

Responsive siteler için kapalı olarak kalması gerekir. AMP veya mobile özel tasarım kullanıyorsanız (seo için tavsiye edilmez) aktifleştirebilirsiniz.

• List of Mobile User Agents

Cache mobile açık durumdaysa “Mobile|Android|Silk/|Kindle|BlackBerry|Opera\ Mini|Opera\ Mobi” bu metni tırnaklar olmadan yapıştırın, aksi taktirde boş bırakabilirsiniz. {Cache Görsel}

[3] Purge :

• Purge All On Upgrade: ON

Web sayfanızdaki herhangi bir değişiklikte cache temizlensin istiyorsanız açık olarak işaretleyin.

• Auto Purge Rules For Publish/Update: All pages
  

Yayınlama veya güncelleme için otomatik temizle kuralları oluşturur. Tümünü seçmekte fayda var.

• Scheduled Purge URLs

Boş bırakılabilir. Eğer belirli zaman aralıklarında bazı sayfaların güncellenmesini istiyorsanız URL’leri bu bölüme yapıştırabilir; zamanlamayı ise hemen altındaki Scheduled Purge Time bölümünden girebilirsiniz. {Purge Görsel}

[4] Excludes :

• Tüm ayarlar boş olarak bırakılabilir. Cache alınmasını istemediğiniz etiket, kategori, url ve cihaz filtrelemesini buradan yapabilirsiniz.

Hemen sağda yeşil renkte bulunan “Show Advanced Options” butonuna tıklayın ve gelişmiş cache sistemini aktif hale getirin.

[5] Optimize :

• CSS Minify: ON

Css stil dosyalarını küçültmek için açık seçeneğini işaretleyin.

• CSS Combine: ON

Css stil dosyalarını birleştirerek sorgu sayısını azaltın. (Bu ayardan sonra mutlaka sitenizi kontrol edin)

• CSS HTTP/2 Push: ON

Dahili css dosyalarını önceden tarayıcıya gönderir. Yüksek performans için açık durumda kalsın. (SSL gerektirir)

• JS Minify: ON
• JS Combine: ON (Anasayfa ve alt sayfa kontrolü yapın, tasarımda bozulmalar yaşanabilir)
• JS HTTP/2 Push: ON
• CSS/JS Cache TTL: 604800
  

CSS ve Javascript dosyaların ne kadar süre için önbelleğe alınacağını belirtir, varsayılan değerde kalsın. Minimum 3600 saniyedir. Önerilen değer: 604800

• HTML Minify: ON
• Inline CSS Minify: ON
• Inline JS Minify: ON
• Load CSS Asynchronously: OFF

Pingdom, GTmetrix ve Google PageSpeed skorlarını geliştirmek için açabilirsiniz. Ancak font ve css’lerin geç yüklenmesi sayfanın yüklenme sırasında kötü bir görüntü verebilir. Kapalı kalmasını tavsiye ederiz.

• Generate Critical CSS: ON
• Generate Critical CSS In Background : ON

Açık duruma getirerek olası stil hatalarının önüne geçebilirsiniz.

• Load JS Deferred: ON

Javascript dosyalarının yüklenmesini erteler. Açık durumda olması şiddetle önerilir.

• Exclude JQuery: ON
  

JS ile jQuery uyumunun sağlanması için “ON” durumda olsun.

• DNS Prefetch: Her satıra bir url gelecek şekilde dns’leri önceden getirir, ziyaretçi için gecikmeyi azaltır.  (Aşağıdaki URL satırlarını aynen yapıştırın)

1. //fonts.googleapis.com
2. //fonts.gstatic.com
3. //ajax.googleapis.com
4. //apis.google.com
5. //google-analytics.com
6. //www.googletagmanager.com

• Remove Comments: ON

Yorum satırlarını kaldırır, böylece sayfa boyutu küçülür. {Optimize Görsel}

[6] Tuning :

• Combined CSS Priority: OFF
• Combined JS Priority: OFF

Kombine CSS dosyalarını diğer CSS dosyalarından önce yüklemek için açık hale getirebilirsiniz.

• Remove Query Strings: ON

Sorgu dizelerini statik kaynaklardan kaldırın. Mutlaka açık olmalıdır.

• Load Google Fonts Asynchronously: ON

Google fontlarını eşzamansız olarak indirerek zamandan tasarruf elde edebilirsiniz.

• Remove Google Fonts: OFF

ON yaparsanız Google fontlarını kaldırır.

• Remove WordPress Emoji: ON
  

WordPress emoji yerine tarayıcının emojileri kullanılacaktır. Hız skoruna olumlu katkı sağlar. {Tuning Görsel}

[7] Media :

Lazy Load Images: ON

Aşağıya kaydırdıkça görseller yüklenir, birçok site tarafından kullanılmaktadır.

• Responsive Placeholde: ON
• Generate Reponsive Placeholder In Background: ON

Görsellere denk gelen arkaplan, yer tutucu alanını boyamak için açabilirsiniz.

• Lazy Load Iframes: OFF
• Inline Lazy Load Images Library: OFF
• Optimize Automaticall: OFF

Bu ayarlar kapalı durumda kalabilir.

• Optimization Cron: ON
• Optimize Original Images: ON
• Remove Original Backups: OFF (Orjinal resimlerin yedeğini her ihtimale karşı kaldırmasın)

Görsel optimizasyonu için ayarlar bu şekilde olmalıdır.

• Optimize WebP Versions: OFF
• Optimize Losslessly: ON
• Image WebP Replacement: OFF
• WebP For Extra srcset: OFF

En verimli ayarlar için seçenekleri yukarıdaki formatta seçin. {Media Görsel}

[A] Advanced :

Browser Cache: ON

Tarayıcı önbelleklemeden faydalanmak için açık yapın. Diğer tüm ayarlar default (varsayılan) olarak kalmalıdır. {Advanced Görsel}

Son Olarak:  Sol taraftan Image Optimization diyerek Send Optimization Request butonuna tıklayın ve görseller sıkıştırılırken siz arkanıza yaslanın.

Ayarlar bu kadar. Hemen aşağıdaki yazıları inceleyerek web siteniz için hız testini artık yapabilirsiniz.

Bunları da Okuyun:

• WordPress Site Hızlandırma
• En iyi WordPress Cache Eklentileri