Hız Garantili LiteSpeed Cache Ayarları 2020

Yazar Demircan Uzer
lite-speed-cache-afis

 

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!

 

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

Google-Pagespeed-Skoru


Websiteme Ait GT Metrix Skoru

GTMetrix-Sonucu

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 – Gelişmiş Ayarları Açma 

Eklenti kurulumunu gerçekleştirdikten sonra Panelinizin sol tarafından Lite Speed Cache’e tıklayalım. Allttaki gibi açılan sayfada ” Show Advanced Options” seçeneğine tıklayalım.

LiteSpeedCachegelismisayarlar

 

Adım 3 – General Settings Ayarları

Genel cache ayarlarını yapacağımız sayfadır. Bu sayfadan Cache ayarını kapatıp açabilirsiniz.

LiteSpeedCacheGeneral-Ayarları

Burada aslında çokta fazla bir değişiklik yapmanıza gerek yok. Resimdeki gibi ayarlayabilirsiniz. Yinede ayarları tek tek yazalım.

  • Enable LiteSpeed Cache: Enable – Cache sistemini aktif eder.
  • Default Public Cache TTL: 604800
  • Default Private Cache TTL: 1800
  • Default Front Page TTL: 604800
  • Default Feed TTL: 0
  • Default 404 Page TTL: 3600
  • Default 403 Page TTL: 3600
  • Default 500 Page TTL: 3600
  • Automatically Upgrade: Off
  • Automatically Feed News: Off

İşlemlerini gerçekleştirdikten sonra sol alttan Save Settings yapmayı unutmayı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ı-LSC

Cache ayarlarını resimdeki gibi yapabilirsiniz. Şimdi tek tek yazalım ve dikkat etmeniz gerekenleride not edelim.

  • 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: OFF / Bu kısmı AMP kullanıcıları 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.

purgeayarları

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.

Scheduled Purge URLs: Boş/ URL ekleyerek zamanlayabilir ve o zamanda önbellek silme işlemi gerçekleştirilir.

Scheduled Purge Time: Boş / Zamalanmış önbellek temizleme süresi.

 

Adım 6 – Exculudes 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 – Optimize 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.

OptimizeAyarları

  • CSS Minify: ON / CSS Dosyalarını küçültür.
  • CSS Combine: ON / CSS Dosyalarını Birleştirir.
  • JS Minify: ON / Javascript Dosyalarını Küçültür.
  • HTML Minify: ON / Html küçültür.
  • Inline CSS Minify: ON / Küçültülen CSS kodlarını sayfa altına alır.
  • Inline JS Minify: ON / Küçültülen CJavascript kodlarını sayfa altına alır.
  • 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.
  • Exclude JQuery: ON / Javascriptle çalışan kısımlarda problem yaşarsanız bu sekmeyi kapatmalısınız.

DNS Prefetch: Bu kısma bu linkleri ekleyebilirsiniz.

//fonts.gstatic.com

//ajax.googleapis.com
//apis.google.com
//google-analytics.com
//www.googletagmanager.com

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 7 – Tuning Ayarları

Bu kısımda yapacağımız işlemlerde 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.

Tuning-Ayarları

Ayarları resimdeki gibi gerçekleştirebilirsiniz. Şimdi yazılı anlatımına geçelim. Sadece işaretlediğim sekmeleri yazacağım.

  • Combined CSS Priority: ON / Birleşik CSS dosyalarını diğer CSS dosyalarından önce yükler. Eğer sitenizde problem yaşanırsa OFF konumuna getiriniz.
  • CSS Excludes: Problem yaşatacağını düşündüğünüz CSS kodlarını ekleyerek liste dışı yapabilirsiniz.
  • Combined JS Priority: Aynı şekilde birleştirilmiş JS kodlarını önce getirir. Problem yaşarsanız tekrar OFF konumuna getiriniz.
  • JS Excludes: Örneğin Slider konumunuzu yazarak cache dışı bırakabilirsiniz.
  • Max Combined File Size: 1.2 MB
  • Remove Query Strings: ON /  Bu ayar ile hız artışı yaşarsınız ancak reCaptcha gibi sistemler çalışmaz.

Ayarları gerçekleştirdikten sonra Save Settings diyerek devam edelim.

 

Adım 8 – Media Ayarları

Bu kısımda sitenizde bulunan medyaların cache ayarlarını gerçekleştireceğiz. Önemli ve büyük ölçüde hız artışı almanıza yarar.

Media-Ayarları

  • Lazy Load Images: ON / Resimler geç yüklenir. Site ve içerik açılış hızını arttırır.
  • Lazy Load Images Excludes: Bu kısıma dışarıda bırakacağınız görselleri yazabilirsiniz.
  • Responsive Placeholder: ON / Mobildede uygular. Resimlerden önce background kullanır.
  • Generate Responsive Placeholder in Background: ON
  • Inline Lazy Load Images Library: ON / Tembel yüklenecek resimleri JS satır içlerine ekler. Hız artışına katkısı vardır.
  • Optimization Cron: ON
  • Optimize Original Images: Resimleri optimize eder ve orjinallerini saklar.
  • Optimize Losslessly: ON / Resimleri kayıpsız şekilde optimize eder.
  • Image WebP Replacement: ON / Optimize edilmiş resimleri Webp versiyonuyla değiştirir. htaccess dosyanıza müdahale eder. İstemezseniz kapalı tutabilirsiniz.

İşlemleri gerçekleştirdikten sonra ayarları kaydetmeyi unutmayınız.

 

Adım 9 – CDN Ayarları

Bu sayfa CDN kullananları ilgilendirmektedir. CDN kullananlar ayarları kendilerine göre optimize etmelidir. Cloudflare kullanan kişiler ise sayfa altında Cloudflare API seçeneğini ON haline getirmelidir. Ardından e-mail adresi, Global API Key ve Domainlerini doğru yazmalıdır. Eğer yapamadığınız noktalar olursa yorumlarda belirtin yardımcı olayım 🙂

 


Adım 10 – ESI – Advanced – Crawler Ayarları

Bu kısımlarda herhangi bir değiştirme 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.

İlgili İçerikler

2 yorumlar

Buğra Mayıs 18, 2020 - 7:27 pm

Hocam bu eklenti güncellenmiş yeni sayfalarla yeni ayarları güncellerseniz sevinirim teşekkürler.

Cevap
Demircan Uzer Mayıs 19, 2020 - 7:15 pm

Merhaba, yazıya yakında güncelleme getireceğim 🙂

Cevap

Buğra için bir cevap yazın Yanıtı İptal Et