WordPress’in en sevilen cache yazılımlarından Litespeed Cache nedir? sorusuna cevap bulacağız. Diğer yandan Litespeed cache kurulumu nasıl yapılır? öğreneceğiz. Hadi hiç vakit kaybetmeden başlayalım!
GÜNCELLEME: NİSAN 2021 GÜNCEL REHBER!
İçerik Haritası
LiteSpeed Cache Nedir?
Litespeed Cache eklentisi, websitenizi optimize etmenize ve önbellek özelliği kazandırmanıza yardımcı olur. Kullanışlı paneli sayesinde istediğiniz özelliği tek tuş ile açıp kapatabileceksiniz. CSS, JS kodları gibi sitenizi birçok açıdan yavaşlatan kodları önbelleğe alıp sitenin footer kısmına çekmenize yardımcı olur. Lazyload ve image optimization gibi özelliklerle görsellerin site hızınızı engellemesinin önüne geçer.
Özellikle LiteSpeed Cache altyapısını destekleyen sunucular ile çalıştığınız maksimum hızlara ulaşmanız kaçınılmazdır. Şu an bu yazıyı LiteSpeed Cache altyapısını kullanan bir websitesinden okuduğunuzunda altını çizmem gerekir.
Websiteme ait Google PageSpeed Insıghts Skoru
Websiteme Ait GT Metrix Skoru
Bu skorlara erişmek için ekstra bir çaba gösterdiğimi söyleyemem. Özellikle görsel optimizasyon ve cache kısmına yoğunluk verdiğim söylenebilir. Hadi şimdi LiteSpeed Cache Eklentisi kurulumu nasıl olur? Gelin bakalım.
LiteSpeed Cache Kurulumu
Öncelikle değinmem gereken bir husus var. Eğer hali hazırda bir cache eklentisi veya CDN kullanıyorsanız devre dışı bırakmanızı öneririm. Eğer yapacağınız işlemlere tam hakim değilseniz bir site yedeği almanızdada fayda vardır.
Adım 1 – Kurulum
İlk olarak WordPress admin panelinizden Eklentiler > Yeni Ekle diyerek arama kısmına LiteSpeed Cache yazıp kurulumunu gerçekleştirin. Ya da wordpress’in sitesinden indirip manuel kurmanız gerekmektedir.
Adım 2 – Lite Speed Cache Dashboard – Ana Ekran
Bu kısımda Lite Speed Cache’in bize sunduğu bilgiler bulunmaktadır. Bu ekranda neler bulunuyor anlayalım;
Image Optimization: Bu kısımda optimize edilen resimler bulunur.
Critical CSS: Kritik CSS dosyalarının oranı belirtilir.
CDN Bandwitch: CDN servisinin band genişliği
Low Quality Image Placeholder: Düşük kaliteli resim kullanımı oranı
Page Load Time: Sayfa yüklenme hızı belirtilir. Yanındaki yenileme tuşuna basarak görebilirsiniz.
PageSpeed Score: Sayfa hızınızı tanımlar.
Cache Status: Hangi Cache servislerinin aktif olduğunu belirtir.
Adım 3 – General Settings Ayarları
Bu kısımda hiçbir değişiklik yapmanıza gerek yoktur. Eğer litespeed cache’in otomatik güncellenmesini istiyorsanız “Automatically Upgrade” kısmını “ON” moduna almalısınız.
Adım 4 – Cache Ayarları
Cache yapılandırmasını bu sayfadan gerçekleştireceğiz. Hangi kısımları ve sayfaları cache içine dahil edeceğimizi seçeceğiz.
Cache ayarlarını resimdeki gibi yapabilirsiniz. Şimdi tek tek yazalım ve dikkat etmeniz gerekenleride not edelim.
- Enable Cache: ON
- Cache Logged-in Users: ON
- Cache Commenters: ON / Siteniz yorumlara kapalıysa kapalı durabilir.
- Cache REST – API: ON
- Cache Login Page: ON
- Cache favicon.ico: ON
- Cache PHP Resources: ON
- Cache Mobile: ON –OFF / Bu kısmı AMP kullanıcıları veya mobil duyarlı siteler seçmelidir.
- List Of Mobile User Agents: Bu kısım boş ise “Mobile|Android|Silk/|Kindle|BlackBerry|Opera\ Mini|Opera\ Mobi” yapıştırabilirsiniz.
Bu işlemleri gerçekleştirdikten sonra sol alt kısımdan “Save Settings” ile kayıt etmeyi unutmayın.
Adım 5 – Purge Ayarları
Önbellek temizleme koşullarını bu kısımdan ayarlamaktayız.
Bu kısımdaki ayarlarınızı resimden bakarak yapabilirsiniz.
Purge All On Upgrade: ON / Site güncellemelerinde önbelleği temizler.
Auto Purge Rules: Hangi durumlarda otomatik olarak önbellek temizlensin bunları seçeceksiniz.
Serve Stale: ON
Adım 6 – Excludes Ayarları
Bu sayfada hiçbir ayara dokunmanıza gerek yoktur. Özelleştirme yapmak isterseniz dikkatli okuyarak doldurma işlemlerini gerçekleştirebilirsiniz. Bu kısmı özelleştirmek istiyor ama bilmiyorsanız dokunmanızı önermem. Sorularınız olursa yorumlarda cevaplayabilirim.
Adım 7 – ESI Settings
Bu kısımda herhangi bir değişiklik yapmanıza gerek yoktur.
Adım 8 – Object Ayarları
Bu kısımda eğer “Object Cache” ayarını ON haline getirdiğinizde admin paneliniz kasmaya başlıyorsa geri alınız. Diğer kısımları değiştirmeyiniz.
Adım 9 – Browser Ayarları
Bu adımda ise tarayıcı ayarlarını yapmaktayız. Resimdeki gibi yapabilir veya resimden sonraki anlatımımızı inceleyebilirsiniz.
- Browser Cache: ON /
- Browser Cache TTL: 31557600
Adım 10 – CDN Ayarları
Bu kısımda CDN servisiniz var ise işlemleri uygulamanız gerekmektedir. Cloudflare kullanan okurlarım ” Manage” kısmını kullanarak aktive edebilir.
Adım 11 – Image Optimization Settings – Lite Speed Cache Resim Optimizasyonu Ayarları
Image Optimization Settings kısmında ise resim optimize etme ayarlarını yapmanız gerekmektedir. Site hızına en çok etki eden kısımlardandır. Resimden sonra mutlaka açıklamaları okuyunuz.
- Auto Request Cron: ON / Otomatik kron talebi oluşturur.
- Auto Pull Cron: ON / Otomatik kron çeker.
- Optimize Orginal Images: ON / Otomatik Resim Optimize
- Remove Original Backups: OFF / Orjinal resim geçmişini siler. ( Ben resimleri zaten optimize edip yüklediğim için kapalı, siz açabilirsiniz)
- Optimize Losslessly: OFF
- Preserve EXIF/XMP data: OFF
- Create Webp Versions: ON / Resimlerin webp versiyonlarını yaratır
- Image Webp Replacement: ON / Resimleri webp versiyonları ile değiştirir.
Adım 12 – Page Optimization > CSS Ayarları
Optimize kısmı en önemli kısımlardan biridir. Bu kısımda yaptığınız işaretlemeler sonucunda hız kaybı veya sitenizde problemler oluşturan bir durum olursa tek tek kapatıp deneyebilirsiniz. Eğer CSS, JS kavramlarına hakimsenizde kaymaları tahmin ederek kapatıp açma işlemi gerçekleştirebilirsiniz. Resmin altında yazdıklarımı dikkate almanızı öneririm. Sadece resme bakarak doldurma işlemi gerçekleştirmeyiniz.
- CSS Minify: ON / CSS Dosyalarını küçültür.
- CSS Combine: ON / CSS Dosyalarını Birleştirir.
- CSS Combine External and Inline: OFF / Deneme yanılma yapıp test ediniz.
- CSS HTTP/2 Push: OFF
- Load CSS Asynchronously: OFF
- Generate Critical CSS: ON / Eğer bu sekmeyi açtığınızda sitenizde problem olursa OFF duruma getiriniz.
- Generate Critical CSS in Background: ON / Eğer bu sekmeyi açtığınızda sitenizde problem olursa OFF duruma getiriniz.
- Inline CSS Async Lib: ON
Sol alttan “Save Settings” yapmayı unutmayınız. İşlemleri gerçekleştirdikten sonra üst kısımdaki LiteSpeed Cache simgesine gelerek ” Purge ALL” seçeneğine tıklamalısınız. Sitenizde problem görüntülerseniz bu kısımda kapatıp açarak problemli sekmeyi bulmalısınız.
Adım 13 – JS Settings – Javascript Ayarları
Bu kısımda yapacağımız javascript sıkıştırma işlemlerinde performansı büyük ölçüde etkileyecektir. Bu sayfada yapacağınız değişikliklerde problem yaşarsanız varsayılana dönebilir veya tek tek problem yaratan sekmeyi bularak deaktif edebilirsiniz.
Ayarları resimdeki gibi gerçekleştirebilirsiniz. Şimdi yazılı anlatımına geçelim. Sadece işaretlediğim sekmeleri yazacağım.
- JS Minify: ON / Javascript Küçültür
- JS Combine: ON
- JS Combine External and Inline: ON
- JS Excludes: Örneğin Slider konumunuzu yazarak cache dışı bırakabilirsiniz.
- JS HTTP/2 Push: OFF
- Load JS Deferred: ON
- Load Inline JS: Defered
Ayarları gerçekleştirdikten sonra Save Settings diyerek devam edelim.
Adım 14 Optimization Ayarları
Bu kısımda genel optimizasyon ayarları bulunmaktadır.
- CSS/JS Cache TTL: 604800
- HTML Minify: ON
- DNS Prefetch Control: OFF
- Remove Query Strings: OFF
- Load Google Fonts Asynchronously: ON / OFF / Google font kullanmıyorsanız OFF
- Remove Google Fonts: OFF
- Remove WordPress Emoji: ON
- Remove Noscript Tag: OFF
İşlemleri gerçekleştirdikten sonra ayarları kaydetmeyi unutmayınız.
Adım 15- Media Ayarları
Bu kısımda medya ayarlarını yapacağız. Sadece 2 kısım aktive edilecektir. Lazy Load terimi tembel yükleme diye çevrilebilir. Fotoğraflar içerikten sonra yüklenir ve hız kazanılır. Sitenizdeki görsellerde problem yaşanırsa bu ayarı OFF yapınız.
Adım 16- Media Excludes Ayarları
Bu kısımda hiçbir yeri ellemenize gerek yoktur.
Adım 17- Localization Ayarları
Lokalize ayar kısmında ise gravatar yani yazarlar ve yorum yapan kişilerin fotoğraflarını cache’e alabiliyoruz. Ayrıca lokal kaynaklar yerleştiriliyor. Resimdeki ayarlardan faydalanabilirsiniz.
Adım 17- Tuning Ayarları
Hiçbir değişiklik yapmanıza gerek yoktur.
LiteSpeed Cache Manage Kullanımı
Bu kısımda 3 adet sekme sizi karşılar. Purge, DB Optimizer ve CDN sekmeleridir. Purge kısmından önbellek temizleyebilirsiniz. DB Optimizer tarafında veri tabanı optimizeleri yapabilirsiniz. CDN kısmında ise CDN önbelleğinide temizleyebilirsiniz.
Edit .htaccess Kullanımı
Bu kısımda Htaccess dosyanızda oynamalar yapabilirsiniz.
Image Optimization Kullanımı
Sitenizde bulunan görselleri Pull Images diyerek toplayabilir ve ardından Send Optimization Request seçeneğiyle optimize edebilirsiniz.
Bitiriş
Şimdi sonuç zamanı! Websitenize Google Page Speed Insights ve GT Metrix üzerinden hız sorgulaması yapabilirsiniz.
Bu yazıyı hazırlamak biraz yorucu olsada umarım işinize yaramıştır.
Yazıyı buraya kadar okuduysanız öncelikle azminizi tebrik ederim. Başarı yolunda çalıştığınız konusunda bu bile size bir gösterge olabilir. 🙂
Yazıdan sonra sitenizde yaşadığınız hız değişikliklerini yorumlarda paylaşırsanız mutlu olurum.
Herkese iyi çalışmalar dilerim.
Ayrıca admin paneliniz yavaş mı? Bu yazıyı kaçırmayın!
11 yorumlar
Hocam bu eklenti güncellenmiş yeni sayfalarla yeni ayarları güncellerseniz sevinirim teşekkürler.
Merhaba, yazıya yakında güncelleme getireceğim 🙂
hocam sayfayı yer imlerine kaydettim. şuanda yeni versiyonda ayarların ekran görüntülerini paylasabılır mısınız. tesekkurler
Merhaba, pek vaktim olmuyor güncellemeye çalışacağım.
Merhaba, 2021 olarak güncellenmiştir.
hocam lütfen yazıyı güncelleyiniz. Yeni versiyonuyla bu çok farklı ayarlar mevcut
Teşekkürler güncelleyeceğim.
Merhaba, 2021 olarak güncellenmiştir.
r10 dan gördüm geldim web sitemde ayarları uyguladım 60 tan 90 a cıktı teşekkür ederim
hocam elinize sağlık, yazdıklarınızı adım adım uyguladım, puanım hemen yükseldi.Teşekkürler
Merhaba, lisans kodunuzu ilettim, teşekkürler.