WordPress Site Hızlandırma Rehberi 2022

WordPress Site Hızlandırma

WordPress sitenizi hızlandırmak mı istiyorsunuz? Hızlı yüklenen sayfalar kullanıcı deneyimini geliştirir. Sayfa görüntülemelerinizi artırır ve WordPress SEO’nuza yardımcı olur. Bu rehberde, WordPress site hızlandırma ile ilgili hız optimizasyon ipuçlarını paylaşacağız.
 

WordPress Siteniz İçin Hız Neden Önemlidir?

 
Araştırmalar, 2000’den 2016’ya kadar, ortalama insan dikkat süresinin 12 saniyeden 7 saniyeye düştüğünü gösteriyor.
 
Peki bu bir web sitesi sahibi olarak sizin için ne anlama geliyor?
 
Kullanıcılara içeriğinizi göstermek ve onları web sitenizde kalmaya ikna etmek için çok az zamanınız var.
 
Yavaş bir web sitesi, kullanıcıların web sitenizi yüklenmeden önce potansiyel olarak terk edeceği anlamına gelir.
 
Amazon, Google ve diğer büyük siteleri içeren bir Strange Loop çalışmasına göre, sayfa yükleme süresindeki 1 saniyelik bir gecikme
dönüşümlerde %7 kayıp, %11 daha az sayfa görüntüleme ve %16 müşteri memnuniyetinde düşüşe neden olduğu görülmüştür.
 

WordPress Web Sitenizin Hızını Nasıl Kontrol Edebilirsiniz?

 
Yeni başlayanlar bilgisayarlarında yavaş hissetmediği için web sitelerinin iyi olduğunu düşünürler. Bu maalesef  büyük bir hata.
 
Kendi web sitenizi sık sık ziyaret ettiğiniz için Chrome vb. Tarayıcılar web sitenizi önbellekte tutar ve siz bir adres yazdığınızda otomatik olarak önceden getirir. Bu, web sitenizin neredeyse anında yüklenmesini sağlar.
 
Ancak, web sitenizi ilk kez ziyaret eden normal bir kullanıcı aynı deneyimi yaşamayabilir.
 
Aslında farklı coğrafi konumlardaki kullanıcılar tamamen farklı bir deneyime sahip olurlar.
 
Bu nedenle, IsItWP’nin WordPress hız testi aracını kullanarak web sitenizin hızını test etmenizi öneririz.
Bu araç web sitenizin hızını test etmenizi sağlayan ücretsiz bir çevrimiçi araçtır.
 

WordPress Web Sitenizi Neler Yavaşlatır?

 
Hız testi raporunuz muhtemelen iyileştirme için size bir çok öneride bulunacaktır.
 
Ancak bunların çoğu, yeni başlayanların anlaması zor olan teknik jargondur.
 
Yavaş bir WordPress web sitesinin başlıca nedenleri nelerdir:
 
  • Web Barındırma – Web barındırma sunucunuz uygun şekilde yapılandırılmadığında, web sitenizin hızına zarar verebilir.
 
  • Kötü Eklentiler – Kötü kodlanmış bir eklenti kullanıyorsanız, web sitenizi önemli ölçüde yavaşlatabilir.
 
  • Harici komut dosyaları – Reklamlar, yazı tipi yükleyiciler vb. harici komut dosyaları da web sitenizin performansı üzerinde büyük bir etkiye sahip olur.
 
Artık WordPress web sitenizi neyin yavaşlattığını bildiğinize göre, WordPress web sitenizi nasıl hızlandıracağınıza bir göz atalım.

WordPress Cache Eklentisi

Bir wordpress web site oluşturduğumuzda aslında ilk olarak yapmamız gerekenlerden en önemlisi bir cache eklentisi kurmaktır. Peki ücretli mi ücretsiz eklentilerden mi kurmak gerekir her ikisinin de avantajları ve dezavantajları vardır daha yeni bir geliştiriciyseniz bizim tavsiyemiz ücretsiz bir cache eklentisi kurmanız yönündedir tabi ki ücretli versiyonlara da değineceğiz şimdi ücretsiz olarak en iyi wordpress cache eklentisi hangisi ve ayarları nedir ona bir bakalım.

Ücretsiz 5 popüler Cache Eklentileri:

  • W3 Total Cache

  • WP Fastest Cache
  • WP Rocket
  • WP Super Cache
  • Litespeed Cache

Yukarıda listelemiş olduğumuz ücretsiz cache eklentileri indirebilir ve kullanabilirsiniz bu eklentiler wordpress de en popüler eklentilerdir peki biz hangi eklentiyi sizlere öneriyoruz Litespeed Cache eklentisini öneriyoruz eğer sunucunuzda bir Litespeed Cache kurulu ise eklentisini de indirerek uygun ayarları girdiğinizde mükemmel bir hız optimizasyonu yapmış olacaksınız şimdi Litespeed Cache ayarları nasıl yapılır hangi ayarlar ile yüksek hız puanları alabilirsiniz ona değinelim.

Litespeed Cache Ayarları

Kurulum> Eklentiler > Yeni Ekle > Arama Kutusu LiteSpeed Yazalım Ve Şimdi Kur Diyelim Kurulum Tamamlandıktan Sonra Etkinleştir Diyelim.

LiteSpeed Cache

 

LiteSpeed Cache Ayarları

Önbellek eklentimizin kurulumunu tamamladıktan sonra default (varsayılan) olarak belli ayarlar yapılmış şekilde gelmektedir ancak ince ayarlar yaparak web sitemizin performansınız daha da arttırabiliriz hadi şimdi ince ayarlara geçelim.

General (Genel Ayarlar)

Litespeed genel ayarlarını yapmak için, WordPress sol panelinden > Litespeed Cache > General bölümüne tıklayın.

Automatically Upgrade= Off

Domain Key= bu ayar  QUIC.cloud özelliğini kullanmak içindir ve kullanılmasını tavsiye ediyoruz bunun için Request Key butonuna bir kere basmanız ve biraz beklemeniz gerekecek sizin için kayıt işlemini tamamlayacaktır 1-2 dakika bekleyip sayfayı yenileyiniz.

Guest Mode= ON

Guest Optimization= ON

Server IP = Bunun için Check my public IP from DoAPI.us linkine tıklayarak sunucunuzun IP adresini alacaksınız çıkan IP’yi Server IP yanında bulunan boş alana yazınız.

Notifications= Dilerseniz OFF yapabilirsiniz bu ayar Düzeltmeler, yeni sürümler, mevcut beta sürümleri ve promosyonlar dahil en son haberleri otomatik olarak göstermek içindir.

Cache Ayarları

Bu bölümde cache ayarlarını yapılandırıyor olacağız.

LiteSpeed Cache ayarları

Enable Cache= ON (Önbelleği etkinleştiriyoruz)

Cache Logged-in Users= ON (Oturum Açmış Kullanıcıları Önbelleğe Alma)

Cache Commenters= ON (Yorumları Önbelleğe Alma)

Cache REST API= ON (WordPress REST API çağrıları tarafından yapılan önbellek isteklerini önbelleğe alma)

Cache Login Page= ON (Giriş Sayfası Önbelleğe Alma)

Cache favicon.ico= ON (favicon.ico çoğu web sayfasında istenir. Bu kaynağı önbelleğe almak, gereksiz PHP çağrılarını önleyerek sunucu performansını iyileştirebilir.)

Cache PHP Resources= ON (PHP Kaynaklarını Önbelleğe Alma Bazı temalar ve eklentiler, bir PHP isteği aracılığıyla kaynaklar ekler. Bu sayfaları önbelleğe almak, gereksiz PHP çağrılarını önleyerek sunucu performansını iyileştirebilir.)

Cache Mobile= OFF (Temanız Mobil Uyumlu Responsive Değil İse On Konuma Getirebilirsiniz)

Yukarıdaki ayarları gösterilen şekilde yaptıysanız alta inip Save Changes diyebilirsiniz.

2. TTL Ayarları

LiteSpeed Cache TTL Ayarları

Default Public Cache TTL= 604800 Default olarak bırakabilirsiniz bu ayar ayaların ne kadar süreyle önbelleğe alınacağını saniye cinsinden belirtir yukarıdaki saniye 1 haftalıktır

Default Private Cache TTL= 1800

Default Front Page TTL= 604800

Default Feed TTL= 604800

Default REST TTL= 604800

TTL Ayarlarını yukarıdaki gibi yapıyoruz ve ardından Save Changes diyoruz.

3- Purge Ayarları

LiteSpeed Cache purge ayarları

Bu bölümde Litespeed Cache eklentisinin önbelleği temizleme ayarları yer almaktadır burada 2 ayar yapacağız ve default ayarlarda bırakacağız.

Purge All On Upgrade= ON

Serve Stale= OFF

Yukarıdaki ayarları yapıp Save Changes diyoruz.

4- Exclude Ayarları

Bu bölümde ayarları bazı özel sayfalarda hariç tutmak için yapılandırıyoruz burada ayarları default olarak bırakmanızı öneririz.

5- ESI Ayarları

Enable ESI= OFF

Cache Admin Bar= ON

Cache Comment Form= ON

ESI için yukarıdaki ayarları yapıp Save Changes diyoruz.

5- Object Cache Ayarları

Object Cache ayarları Nesne Önbelleği alma bu bölümde nesneyi önbelleğe alma ayarlarını yapılandıracağız.

LiteSpeed Cache Nesne Önbellek ayarları

Object Cache= OFF

Method=

Host= localhost

Port= 11211

Default Object Lifetime= 360

Persistent Connection= ON

Cache WP-Admin= ON

Store Transients= ON

Yukarıdaki ayarları yapıp Save Changes diyoruz.

6- Browser Cache Ayarları

Bu bölümde tarayıcı önbelleğe alma ayarlarını yapacağız.

Browser Cache= ON

Browser Cache TTL= 31557600
Yukarıdaki 2 ayarı yaparak Save Changes diyoruz.

7- Advanced Ayarları

Bu bölümde gelişmiş ayarla bulunmaktadır burada gelişmiş ayarlar için bu adresi takip edip kendinize göre yapılandırabilirsiniz ancak biz default olarak bırakmanızı tavsiye ediyoruz.

Improve HTTP/HTTPS Compatibility= OFF

Instant Click= OFF

Yapıp Save Changes diyoruz. Cahce bölümünde tüm ayarları yapmış olduk şimdi CDN ayarlarına geçiş yapalım.

Litespeed Cahce Image Optimization Ayarları

Bu bölümümüzde Image Optimization ayarlarını yapılandırmayı göreceğiz Image Optimization ayarları için WordPress sol taraftan LiteSpeed Cache Image Optimization sekmesine giriş yapalım. Ardından Image Optimization Settings sekmesine geçiş yapalım ve aşağıdaki ayarları yapalım.

Auto Request Cron= ON (Otomatik olarak cron işi aracılığıyla optimizasyon talep eder)

Auto Pull Cron= ON

Optimize Original Images= ON

Remove Original Backups= OFF

Optimize Losslessly= ON

Preserve EXIF/XMP data= ON

Create WebP Versions= ON

Image WebP Replacement= ON

WebP For Extra srcset= ON

WordPress Image Quality Control (82) Yapalım

Yukarıdaki ayarları yaptıktan sonra Save Changes diyoruz. Ardından Image Optimization Summary sekmesine geçerek Gather Image Data Butonuna tıklıyoruz ve resimleriniz optimize edilmeye başlıyor buişlemi 1-2 dakikada bir yapın tüm resimleriniz optimize edildiğinde Image Information kısmında okey işareti çıkacaktır.

LiteSpeed Cache Page Optimization Ayarları

Bu bölümde page optimization ayarlarını yapılandırıyor olacağız bu ayara wordpress sol menüden Litespeed Cache > Page Optimization sekmesinden ulaşabilirsiniz.

1- CCS Ayarları

CSS Minify= ON (CSS dosyalarını ve satır içi CSS kodunu küçültür.)

CSS Combine= ON (CSS dosyalarını satır içi birleştirir.)

Generate UCSS= ON (Benzersiz CSS (UCSS), sitenizin her sayfası için tek bir CSS dosyası oluşturmak üzere CSS Birleştirme ayarıyla birlikte kullanılabilen bir QUIC.cloud hizmetidir .)

UCSS Inline= OFF

CSS Combine External and Inline= ON (CSS Combine Ayrıca etkinleştirildiğinde, harici CSS’yi ve satır içi CSS’yi birleştirilmiş dosyaya dahil eder.)

Load CSS Asynchronously= ON ( Bu alanı aktif ettiğinizde CSS ve HTML aynı anda yüklenecektir. )

CCSS Per URL= OFF

Inline CSS Async Lib= ON (Bu ayar eşzamansız CSS kitaplığını satır içi yapar.)

Font Display Optimization= Swap

Yukarıdaki CCS ayarlarını yaptıktan sonra Save Changes diyoruz ve JS Settings geçiş yapıyoruz.

 

2- JS Ayaraları

JS Minify= ON (Bu ayaravJS dosyalarını ve satır içi JS kodlarını küçültür.)

JS Combine= ON (Bu ayara JS dosyalarını tek bir dosyada birleştirir.)

JS Combine External and Inline= ON (Bu ayar, JS Combine’ın neden olduğu olası hataları en aza indirmesi içindir.)

Load JS Deferred= OFF

Yukarıdaki JS ayarlarını yaptıktan sonra Save Changes diyoruz ve HTML Settings geçiş yapıyoruz.

 

3- HTML Ayarları 

HTML Minify= ON (Bu ayar HTML içeriğinizi küçültür.)

DNS Prefetch= (Bu ayar DNS sonuçlarını önceden getirerek, özellikle mobil ağlarda harici bağlantıları tıkladıklarında ziyaretçileriniz için gecikme önemli ölçüde azaltılabilir.) Aşağıdaki önceden getirilmiş DNS Ayarlarını girebilirsiniz

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

DNS Prefetch Control= OFF

Remove Query Strings= OFF

Load Google Fonts Asynchronously= ON (Diğer CSS’ler de olduğu gibi bırakırken Google Yazı Tiplerini eş zamansız olarak yüklemek için Web Yazı Tipi Yükleyici kitaplığını kullanır.)

Remove Google Fonts= OFF

Remove WordPress Emoji= ON (Bu ayar WordPress.org emojisini yüklemeyi durdurur. Bunun yerine tarayıcı varsayılan emojisi görüntülenecektir.)

Remove Noscript Tags= OFF

Yukarıdaki HTML ayarlarını yaptıktan sonra Save Changes diyoruz ve Media Settings geçiş yapıyoruz.

 

4- Media Ayarları

Bu ayarda sadece 1 ayar yapacağız oda Lazy Load Images ayar bu ayar görsellerinizin sadece ekranın görünen bölümüne geldiği zaman yüklenmesini sağlar eğer tema ayarlarınızda bu ayar aktif ise burada of konumunda kalabilir ancak tema ayarlarınızda böyle bir ayar yoksa ON konuma getirin bu ayar kullanıcılarınıza hızlı açılan bir sayfa deneyimi sağlayacaktır. Diğer ayarları Default (Varsayılan) olarak bırakabiliriz bu bölümde ayarlarımız bu kadar Save Changes diyoruz ve diğer ayar geçiyoruz Media Excludes

 

5- Media Excludes Ayarları 

Bazen ekranın neresinde görünürlerse görünsünler hemen yüklemek istediğiniz görüntüler vardır. Düzen kaymalarını önlemek için genellikle hem ilk mobil hem de masaüstü görünümlerinde (site logonuz gibi) görünen resimleri hariç tutmak istersiniz. Bunları her satıra bir tane olacak şekilde buraya girin. Save Changes diyoruz ve devam ediyoruz.

 

6- Localization Ayarları 

Gravatar Cache= ON ( Bu ayar fazla yorum alan siteler içindir eğer sizin sitenizde çok fazla yorum alıyor ise bunları önbelleğe almak için ON konuma getirin az yorum alan bir web sitesine sahipseniz kapalı konumda kalbilir)

Gravatar Cache Cron= ON (Bu ayar Gravatar Cache açık ise bu ayarında açık olması gerekir.)

Gravatar Cache TTL= 604800 (Bu ayar Gravater cache önbellekleme işleminin ne kadar süre ile geçerli olacağını söylemektedir default olarak 604800’dir yani 1 hafta)

Yukarıdaki Localization Ayarlarını yaptıktan sonra Save Changes diyoruz ve Tuning Settings geçiş yapıyoruz.

 

7-Tuning Ayarları

Tuning ayarı bu bölüm ince ayarların yapıldığı bölümdür. Önbellekleme ayarları sebebiyle web sitenizde oluşabilecek tasarımsal bozulmaları düzeltmeyi sağlar.

Litespeed Cache Database (Veri Tabanı) Ayarları

Litespeed Cache veri tabanı ayarları bir çok ücretli eklentilerin sunduğu hizmeti kendi bünyesi içerisinde barındırmaktadır ve tamamen ücretsizdir. bu bölümde yapılacak tek ayar vardır Database Optimizer kımında bulunan Clean All butonuna basmak veri tabanı temizliğini yapmış olacaksınız.

Yukarıda rehberini hazırlamış olduğumuz yazının hepsni eksiksiz olarak yaptığınızda web sitenizde gözle görülür şekilde hızlandığını göreceksiniz bunun için yukarıda belirtmiş olduğumuz link üzerinden testlerini gerçekleştirebilirsiniz ayrıca başka test araçları ilede testlerinizi yapabilirsiniz bunlar sırasıyla şunlardır

google pagespeed

gtmetrix

pingdom

Bu araçlardan da sitenizin hızını ölçebilirsiniz wordpreste sizler için ücretsiz olarak Litespeed Cache eklentisi ile web site hızlandırma konusunu ele aldık ücretli olarak sizlere tavsiyemiz WProcket eklentisidir yukarıdaki tüm işlemleri daha stabil ve daha kararlı olarak görevleri yerine getiren muazzam bir ekletidir bir sonraki yazımızda bu eklentinin ayarlarından bahsedeceğiz

Cevap bırakın

E-posta hesabınız yayımlanmayacak.

Web sitemizde size en iyi deneyimi sunabilmemiz için çerezleri kullanıyoruz. Kabul et Mesajları Oku