Bu yazıda eklenti tavsiyesinden, tarayıcı ön bellekleme özelliğini aktif etmeye kadar bir çok wordpress site hızlandırma tekniği hakkında ipucları yer almaktadır.

WordPress dünyanın en çok tercih edilen cms içerik yönetim sistemidir. İçerik oluşturucularının en çok tercih ettiği bu sistemi hız bakımından optimize etmek hem arama motorları açısından hem de ziyaretçilerin site deneyimi açısından oldukça önemli bir konu aynı zamanda site sahiplerinin de kanayan yarası.

Bu yazıyla birlikte bu kanayan yaraya merhem sürmeyi ümit ediyorum. Böylelikle hem arama motorlarının sevdiği bir siteye hem de ziyaretçilerinizin sevdiği bir siteye sahip olabilirsiniz.


Başlayalım!

Bu yazıda wordpress’i hızlandırmak için eklenti tavsiyelerini, css/js/html dosyalarının minimize edilmesini, tarayıcı ön belleklemesinden yararlanma konularına yer verdim.


WordPress Hız Eklentileri

Yazıya başlamadan önce kesinlikle bu konu için eklenti tavsiye kullanmanızı tavsiye etmiyorum, sizde eklentilerden hoşlanmıyorsanız bu kısmı atlayabilirsiniz eklenti ile yapacaklarınızı eklentisiz olarak yazının devamında attım.

Öncelikle sitenizde kullandığınız wordpress eklentilerini gözden geçirmenizi tavsiye ederim. WordPress eklentileri her ne kadar işlevsel olsa da sitede çok fazla eklenti kullanıldığında sunucuyu hız bakımından yorar. Eklenti kullanırken az ama öz sayıda eklenti kullanmanız gerekmektedir. Örneğin her konuda sadece 1 tane eklenti kullanmanız en doğrusudur yani hız konusu için 4,5 eklenti yerine 1 tane eklenti ile tüm sorunları çözmeye çalışın.

Demem o ki sitenize kuracağınız eklentilerin çok yönlü olmasında fayda var. Küçük özellikler için ayrı ayrı eklenti kurmanızı tavsiye etmem.

Konumuza geri dönmek gerekirse tavsiye ettiğim wordpress hız eklentileri şunlardır; (Sadece 1 tanesini seçin ve kurun)

  • A: Cache Eklentileri
  • B: Resim Optimize Eklentileri

A1-Fast Velocity Minify

Bu eklenti oldukça minimize edilmiş bir hız eklentisidir. Firma olarak tavsiye ettiğimiz bir eklentidir özellik olarak az ama özdür. Eklentinin işlevine gelirsek css/js/html gibi dosyaları sıkıştırıp birleştirmeye yarayan bir eklentidir.

Fast Velocity Minify

A2-WP Super Cache

Bir üstteki eklentinin aksine daha detaylı bir eklentidir, ön bellekleme olayında da yararlanmak isteyen kişiler bu eklentiyi tercih edebilir.

WP Super Cache

A3- W3 Total Cache

W3 Total Cache wordpress’in en detaylı hız eklentisidir. Yukarıdaki 2 eklenti işinizi görmediyse bu eklenti tüm işlerinizi hallecektir.

W3 Total Cache

A4- Litespeed Cache (Önerilir)

Yukarıdaki tüm eklentilerin yaptığı işleri tek bir eklentide toplayan Litespeed Cache kullanabileceğiniz en iyi hız eklentilerinden bir tanesidir.

LiteSpeed Cache

B1- Smush Image Compression

Sitenizin hızını gözle görülür şekilde hızlandırmak için bu eklenti vazgeçilmezdir. Bu eklentinin işlevi sitenize yüklediğiniz resimleri optimize eder ve gözle görülür şekilde hız artışına sebebiyet verir.

Smush Image Compression and Optimization


HTML-JS-CSS Dosyalarınızı Sıkıştırın

Bu kısma geçmeden önce bir tavsiyem daha var css dosyalarınızı header’dan js dosyalarınızı footer’dan çağırmanız gerekmektedir öncelikle bu optimizasyonu yapmanız gerekiyor.

Daha sonra aşağıdaki sitelerden css, js ve html dosyalarınızı sıkıştırabilirsiniz.

CSS/JS Sıkıştırın HTML Sıkıştırın


Resimlerinizi Optimize Edin

Resimler sitenizin hızını etkileyen en önemli faktörlerden birisidir genellikle siteleri yavaşlatan faktörün başında gelmektedir. Sitenize resim yüklemeden önce aşağıdaki butona tıklayarak resimlerinizi optimize ederek optimize edilmiş halini sitenize yüklemekte fayda var.

Eğer daha önce yüklediğiniz resimleri optimize etmek istiyorsanız eklenti tavsiye kısmındaki B başlıklı eklentilerden bir tanesini sitenize kurabilirsiniz.

Resimlerinizi Optimize Edin

Tarayıcı Ön Belleklemesinden Yararlanın

Bir siteyi açtığınızda ilk olarak css dosyaları daha sonra html çıktısı ve son olarakta js dosyaları yüklenir bu aşama eğer tarayıcı önbelleklemesinden yararlanmıyorsanız her yüklenmede tekrarlanır ve sunucuya ciddi bir yük bindirir. Eğer tarayıcı önbelleklemesinden yararlanırsanız hem sunucunuz büyük bir yükten kurtulur hemde her seferinde css, js ve html dosyalarını ziyaretçilerinizin indirmesine lüzum kalmaz ilk girişte indirilir ve belirleyeceğimiz süre boyunca ziyaretçi bir daha o dosyaları indirmez böylelikle site hızında ciddi derecede artış gözlemleyebilirsiniz.

Yapmanız gereken işlem sitenizin ftp suncusuna giriş yapmak, daha sonra wordpress’in kurulu olduğu ana dizine girerek .htaccess dosyasına aşağıdaki kodları eklemek.

# Compress HTML, CSS, JavaScript, Text, XML and fonts
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
AddOutputFilterByType DEFLATE application/x-font
AddOutputFilterByType DEFLATE application/x-font-opentype
AddOutputFilterByType DEFLATE application/x-font-otf
AddOutputFilterByType DEFLATE application/x-font-truetype
AddOutputFilterByType DEFLATE application/x-font-ttf
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE font/opentype
AddOutputFilterByType DEFLATE font/otf
AddOutputFilterByType DEFLATE font/ttf
AddOutputFilterByType DEFLATE image/svg+xml
AddOutputFilterByType DEFLATE image/x-icon
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/xml

# Remove browser bugs (only needed for really old browsers)
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4\.0[678] no-gzip
BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
Header append Vary User-Agent

## EXPIRES CACHING ##

ExpiresActive On
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/gif "access 1 year"
ExpiresByType image/png "access 1 year"
ExpiresByType text/css "access 1 month"
ExpiresByType text/html "access 1 month"
ExpiresByType application/pdf "access 1 month"
ExpiresByType text/x-javascript "access 1 month"
ExpiresByType application/x-shockwave-flash "access 1 month"
ExpiresByType image/x-icon "access 1 year"
ExpiresDefault "access 1 month"

## EXPIRES CACHING ##

Eğer .htaccess dosyasını bulamadıysanız .htaccess isminde bir dosya yaratıp onu düzenlemenizde yeterlidir.