Wordpress Hızlandırma Teknikleri

WordPress Hızlandırma Teknikleri, yazımda sizlere WordPress sitenizden en yüksek performansı almanız için bazı detaylar vereceğim. Aşağıdaki aşamaları takip ederek sitenizi daha hızlı hale getirebilirsiniz.

Uyarı: Başlamadan önce sitenizi yedekleyin! Yedeklemeyi bilmiyorsanız buradan 1. adıma bakarak nasıl yedekleyebileceğinizi öğrenebilirsiniz.

Hızlandırma amacımız nedir?

Günümüz internet bağlantı hızı birkaç yıl öncesine göre oldukça iyi. Ancak halen yavaş bağlantılara sahip kullanıcılar bulunuyor. Sitenin boyutunu küçülterek daha hızlı yüklenmesini sağlayabilir ve kullanıcıyı sitemizde daha çok tutabiliriz. Diğer bir sebebimiz ise Türkiye’de uygulanmakta olan AKN yani adil kullanım noktası dediğimiz ve hiçbirimizin sevmediği indirme sınırı. Sitemiz her açıldığında aslında bir download yani indirme işlemi gerçekleşiyor. Bu girdiğiniz tüm siteler için geçerlidir. WordPress Hızlandırma Teknikleri ile hem kullanıcılara hem de kendimize rahat bir nefes aldıracağız. Çünkü açılış sayfasında veya site genelinde optimize edilmemiş içerikler trafiğimizin çok çabuk tükenmesine sebep olur. Bu da hosting firmasının belirlediği sınıra takılmak veya daha üst paketlere geçişe sebep olabilir, yani daha maliyet yükselir.

Neler Yapacağız?

1 – CSS ve JS Dosyalarını Sıkıştırma

2 – Ön bellekleme

3 – Dosyalar için süre sonu belirleme

4 – Görsel optimizasyonu

5 – Js dosyalarının yüklenmesini geciktirme veya sonraya bırakma

6 – Gzip

7 – Tarayıcıya ön bellekleme

8 – Google fontlarını asenkron olarak yükleme

9 – CSS dosyalarını birleştirme

10 – JS dosyalarını birleştirme

CSS ve JS dosyalarını sıkıştırmak yapacağımız ilk iş olabilir. Tema ve eklenti üreticilerinin çoğu bunu yapmadan temalarını ve eklentilerini piyasaya sürer. Bunu yapmamalarının en önemli sebeplerinden biri hatalarla karşılaşmamak ve geri dönüşlerle uğraşmamaktır.

Nasıl Sıkıştırırız?

Sıkıştırmayı manuel olarak yapabiliriz, ancak wordpress sıkıştırma eklentilerini de kullanabiliriz. Manuel sıkıştırma biraz karmaşık ve tehlikeli olabilir, ancak kalıcıdır ve eklentilerle sistemi yormaz. Bu biraz profesyonellik gerektirebilir, bu yüzden bu yazımda manuel işlemlere olabildiğince az değineceğim.

Eklenti olarak birçok eklenti mevcut, benim kullandığım eklentilerden ilki WPFC, açılımıyla WordPress Fastest Cache eklentisi. Eklentinin geliştiricisi Emre Vona, bayrak asmak isteyenler asabilir :). Kullanımı son derece basit ve tabi ki Türkçe desteği de mevcut. İlk yüklendiğinde kısmi olarak hizmet alabiliyorsunuz. Premium versiyonu ise sizi hiç yormadan tüm işlemleri yapıyor. Yukarıdaki 10 maddeyi Fastest Cache eklentisi ile yapabilirsiniz. Tek tek yapmak isteyenler veya ücretsiz hızlandırma eklentileri ile yapmak isteyenler olabilir, bunun için diğer eklentilerden de bahsetmek istiyorum.

BWP – Better WordPress Minify

Bu eklenti Js ve CSS dosyalarımızı sıkıştıyor ve birleştiriyor. Ayarlarını başka bir yazımda anlatacağım.

Görsel Optimizasyonu – Wordpress Hızlandırma Teknikleri

Görsel optimizasyonlarınızı yapabileceğiniz ücretli ve ücretsiz eklentiler mevcut. En çok kullanılan eklentiler şu şekilde sıralanabilir:

EWWW, WP Smush, Tiny Png

.htaccess dosyası ile yapabileceklerimiz

Aşağıdaki kodları .htaccess dosyanıza yükleyerek; gzip, görsel ve dosya ön bellekleme, süre sonu belirleme yapabilirsiniz.

# GZIP
<ifmodule mod_deflate.c>
AddOutputFilterByType DEFLATE text/text text/html text/plain text/xml text/css application/x-javascript application/javascript
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4\.0[678] no-gzip
BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
</ifmodule>

# 2678400s = 31 gun
<ifmodule mod_expires.c>
ExpiresActive On
ExpiresDefault “access plus 2678400 seconds”
ExpiresByType text/html “access plus 7200 seconds”
ExpiresByType image/gif “access plus 2678400 seconds”
ExpiresByType image/jpeg “access plus 2678400 seconds”
ExpiresByType image/png “access plus 2678400 seconds”
ExpiresByType text/css “access plus 750000 seconds”
ExpiresByType text/javascript “access plus 2678400 seconds”
ExpiresByType application/x-javascript “access plus 2678400 seconds”
</ifmodule>

# Cache Headers
<ifmodule mod_headers.c>
# Cache specified files for 31 days
<filesmatch “\.(ico|flv|jpg|jpeg|png|gif|css|swf)$”>
Header set Cache-Control “max-age=2678400, public”
</filesmatch>
# Cache HTML files for a couple hours
<filesmatch “\.(html|htm)$”>
Header set Cache-Control “max-age=7200, private, must-revalidate”
</filesmatch>
# Cache PDFs for a day
<filesmatch “\.(pdf)$”>
Header set Cache-Control “max-age=86400, public”
</filesmatch>
# Cache Javascripts for 31 days
<filesmatch “\.(js)$”>
Header set Cache-Control “max-age=2678400, private”
</filesmatch>
</ifmodule>