Kendiniz veya müşterileriniz için başarılı WordPress web siteleri oluşturmak istiyorsanız, WordPress sitenizi nasıl hızlandıracağınızı öğrenmek çok önemlidir.
Pek çok kişi haklı olarak bir web sitesinin tasarımına ve içeriğine odaklanırken, asıl önemli konu o web sitesinin ne kadar hızlı yüklendiğidir. Yükleme süreleri sitenizin kullanıcı deneyimini, SEO sıralamalarını, dönüşüm oranlarını, hemen çıkma oranlarını ve daha fazlasını etkiler.
Ancak, WordPress performansının tüm ayrıntılarını anlamak size karmaşık gelebilir, bu nedenle WordPress sitenizi nasıl hızlandıracağınıza dair bu kapsamlı kılavuzu oluşturduk.
Bu yazıda bilmeniz gereken her şeyi ele alacağız. WordPress sitelerini neyin yavaşlattığını, hızın neden önemli olduğunu ve sitenizin mevcut performansını nasıl test edebileceğinizi açıklayarak başlayacağız.
Ardından, WordPress sitenizin performansını artırmak için kullanabileceğiniz uygulanabilir taktiklerin tam listesini sizlerle paylaşacağız. Fakat öncelikle bir kaç soruyu cevaplayarak başlayalım.
Yavaş yüklenen bir web sitesi kullandıysanız, yavaş bir web sitesiyle uğraşmanın ne kadar sinir bozucu olabileceğini bilirsiniz. Bu can sıkıcı bir durumdur ve ziyaretçileriniz içeriğinizin yüklenmesini beklemek zorunda kalırlarsa (özellikle mobil cihazlarda) rahatsız edici bir durum oluşturur.
Yani temel düzeyde, yavaş bir WordPress sitesinin büyük sorunlarından biri, ziyaretçileriniz için gerçekten kötü bir kullanıcı deneyimi yaratmasıdır ki bu da her zaman kaçınmanız gereken bir şeydir.
Ancak yavaş bir web sitesine sahip olmanın birçok spesifik dezavantajı da vardır:
SEO sıralamaları – Google, site hızını hem masaüstü hem de mobil sonuçlarında bir sıralama faktörü olarak kullanır. Google’ın yakın zamanda gündeme aldığı “Önemli Web Verileri” ölçümlerini de olumlu şekilde geçmek önemlidir.
Dönüşüm oranları – Daha yavaş yükleme süreleri daha düşük dönüşüm oranlarına yol açar. Akamai’ye göre yalnızca 100 milisaniyelik bir gecikme bile dönüşüm oranlarına %7 oranında zarar verebilir.
Hemen çıkma oranı – Daha yavaş yükleme süreleri daha yüksek hemen çıkma oranlarına yol açar. Örneğin Pingdom, iki saniyede yüklenen bir sayfa için zamana bağlı hemen çıkma oranının %6 olduğunu, ancak beş saniyede yüklenen bir sayfa için bu oranın %38’e sıçradığını buldu. Google, mobil cihazlarda birinin zıplama olasılığının 1-3 saniyede %32’den 1-5 saniyede %90’a çıktığını buldu.
Site hızı mobil cihazlarda da özellikle önemlidir; mobil ziyaretçilerin %53’ü, yüklenmesi üç saniyeden uzun süren bir sayfadan çıkıyorlar.
WordPress sitenizin performansını test etmenin en kolay yolu bir hız testi aracı kullanmaktır. Böyle bir araçla tek yapmanız gereken, test etmek istediğiniz sayfanın URL’sini girmektir ve araç, performansını değerlendirmek için size bir sürü veri verecektir.
En iyi ücretsiz web sitesi hız testi araçlarından bazıları şunlardır:
Şimdi, WordPress sitenizi hızlandırmak için uygulayabileceğiniz bazı uygulanabilir taktiklere geçelim. Detaylı ve sıralı şekilde inceleyerek bilgi edinebilirsiniz.
Performansı WordPress için optimize edilmiş hosting seçmek, sitenizin arka uç performansını artırmak için yapabileceğiniz en iyi şeylerden biridir.
Basitçe söylemek gerekirse, eğer satın aldığınız hosting hizmetiniz yavaşsa, ön uç optimizasyonunda gerçekten iyi bir iş çıkarsanız bile web sitenizin yavaş olma ihtimali yüksektir.
Host seçerken mevcut sunucu konumlarına da dikkat etmelisiniz. Sunucunuzun fiziksel konumu sayfa yükleme sürelerinizi etkileyecektir çünkü fiziksel mesafe indirme hızlarını etkiler. İdeal olan, eğer açılacak web sitesi Türkiye’de ise ülke içinde bir hosting firması seçilmesidir.
Dikkate alınması gereken bir diğer önemli husus, HTTPS performansını artırabilen ve aynı zamanda birçok küçük HTTP isteğini daha iyi yönetebilen HTTP/2 gibi modern teknolojileri aramak ve bunu bilerek hosting satın almaktır.
Web sitenizi önbelleğe almak özellikle ucuz hosting kullanıyorsanız, WordPress sitenizin performansı için yapabileceğiniz en büyük şeylerden biridir.
Normalde, WordPress sitenizin sunucusunun, birisi sitenizi ziyaret ettiğinde her sayfayı sıfırdan birleştirmesi ve tüm kaynak kodları tek tek yüklemesini gerektirir.
Bu işlem zaman alır ve aynı zamanda hosting kaynaklarınızı da fazlasıyla kullanır; bunun sitenizin performansı üzerinde iki olumsuz etkisi vardır:
Birçok WordPress hosting’i artık yukarıda önerdiğimiz seçeneklerin çoğu da dahil olmak üzere sayfa önbelleğe almayı sizin için otomatik olarak uyguluyor.
Satın aldığınız hosting firmanız bunu yapmıyorsa, birçok kaliteli önbellek eklentisinden herhangi birini kullanarak sayfa önbelleğe almayı siz de manuel olarak uygulayabilirsiniz. İşte wayif.co olarak bizim web sitesi tasarımı yaptıktan sonra optimizasyon için kullandığımız bazı iyi seçenekler:
İçerik dağıtım ağı (CDN), statik içeriğinizi dünyanın her yerindeki devasa “uç” sunucular ağında önbelleğe alarak sitenizin küresel yükleme sürelerini hızlandırır. Daha sonra birisi sitenizi ziyaret ettiğinde, bu kişi ana sunucunuz yerine en yakın uç konumdan içerik indirebilir. Fiziksel mesafe kısa olduğundan dosyalar daha hızlı indirilir ve siteniz daha hızlı yüklenir.
WordPress kullanıcıları için bazı iyi CDN’ler şunları içerir:
Resimler bir web sitesinin dosya boyutunun yaklaşık yarısını oluşturur. Bu da görselleri optimize ederseniz sitenizin genel boyutunu küçültmek için harika bir yoldur.
WordPress sitenizde görsel optimizasyonun iki bölümü vardır:
Seçeneklerden biri, resimleri yüklemeden önce optimize etmektir. BIRME (yeniden boyutlandırma) ve Kraken (sıkıştırma) gibi araçlar, Adobe Photoshop’ta olduğu gibi toplu optimizasyon sunar.
Veya görselleri WordPress’e yüklerken otomatik olarak optimize etmek için bir WordPress görsel optimizasyon eklentisi kullanabilirsiniz. İşte bazı iyi seçenekler:
Tembel yükleme (Lazy Load) gibi özellikleri de kullanabilirsiniz. WordPress artık görüntüler için yerel tarayıcı tembel yüklemesini de destekliyor veya ücretsiz Lazy Load eklentilerini de kullanabilirsiniz.
Son olarak, animasyon için ağır GIF’ler kullanmak yerine kısa bir MP4 videosu kullanmanız çok daha faydalı olacaktır.
Sitenizin CSS kodu, ön uç optimizasyonu için önemli bir fırsat sağlar. CSS’yi optimize etmek için iki temel strateji vardır:
Genel olarak büyük bir HTTP isteği, birden fazla küçük HTTP isteğinden daha verimlidir (ancak ana makineniz HTTP/2 kullanıyorsa fark o kadar büyük olmayacaktır). LCP gibi kullanıcı deneyimi performans ölçümlerini iyileştirmek için daha gelişmiş bir optimizasyon taktiği, bölümdeki kritik CSS’yi satır içi hale getirmek ve CSS’nizin geri kalanını yüklemeyi daha sonraya ertelemektir.
Autoptimize eklentisi, bu optimizasyonları gerçekleştirmenize olanak tanıyan popüler ve ücretsiz bir seçenektir. Veya WP Rocket dahil birçok performans eklentisi bu özellikleri sunar.
Tıpkı CSS’de olduğu gibi, JavaScript’inizi mümkün olduğunca küçültmeli ve birleştirmelisiniz. Ancak sorunlara yol açmamak için belirli JavaScript dosyalarını kombinasyondan hariç tutmanız gerekebilir.
Her iki optimizasyonu da Autoptimize eklentisi üzerinden gerçekleştirebilirsiniz:
Bunun ötesinde, ekranın üst kısmındaki içeriğin yüklenmesinin engellenmesini önlemek için JavaScript yüklemeyi mümkün olduğunca ertelemelisiniz. Bunu aynı geliştiricinin Async JavaScript eklentisi ile yapabilirsiniz.
Sitenizin ön uç içeriğinin temeli olan temanız, sitenizin ön uç optimizasyonunda büyük rol oynar. Biz wayfic.co olarak bazen temaları alıcı isteklerine göre sadeleştiriyor, bazen baştan yazıyor bazen de varolan temaları satın alıp özleştiriyoruz.
WordPress ekosisteminde çok sayıda eklenti olsa da sitenizi hızlandırmak istiyorsanız eklenti kullanımınıza dikkat etmeniz gerekir. Genel olarak yüklediğiniz her eklenti, veritabanı sorguları, HTTP istekleri ve dosya boyutu şeklinde kendi ağırlığını ekler.
Bu nedenle genel kural şudur: Ne kadar çok eklenti yüklerseniz siteniz o kadar yavaşlar.
Ancak önemli olan sadece eklentilerin miktarı değil, aynı zamanda kalitesidir. Tek bir yavaş eklentinin bile sitenizin yükleme süreleri üzerinde büyük olumsuz etkisi olabilir.
Eklentiler söz konusu olduğunda takip edilmesi gereken bazı temel ilkeler vardır:
Fazla eklenti yükleme ihtiyacını ortadan kaldırmanın kolay bir yolu Elementor gibi site yapıcı eklentiler kullanıp verdikleri tüm özelliklerden faydalanmaktır. Tasarım eklentileri, tek bir CSS ve JS kullandıkları için sağlıklıdırlar.
WordPress sitenizin veritabanı, sitenizin tüm içeriğini ve ayarlarını içeren veritabanıdır.
Birisi WordPress sitenizi ziyaret ettiğinde, sunucunuzun sayfayı oluşturmak için ihtiyaç duyduğu tüm bilgileri almak için veritabanını sorgulaması gerekir (ancak yukarıda ele aldığımız gibi, sayfa önbelleğe alma çoğu ziyaretçi için bu işlemi ortadan kaldırabilir).
Genel olarak veritabanınız ne kadar büyük ve karmaşıksa, bu sorgular da o kadar uzun sürecektir; bu da sitenizin performansına zarar verecek ve sunucunuzun kaynaklarını boşa harcayacaktır.
Bu nedenle sitenizin veritabanını temizlemeyi düzenli bir alışkanlık haline getirmelisiniz. İşte yardımcı olabilecek bazı veri tabanı temizleme eklentileri şunlardır:
Veritabanınızdaki karışıklığın ve yavaşlığın en büyük nedenlerinden biri de revizyonlardır. Varsayılan olarak WordPress, bir içerik/blog/sayfa üzerinde çalışırken Taslağı Kaydet düğmesine her bastığınızda sınırsız revizyonu veritabanınızda saklar.
Bu karışıklığı önlemek için revizyonları devre dışı bırakmalı veya en azından sınırlandırmalısınız.
Bunu ücretsiz WP Revizyon Kontrolü eklentisi ile yapabilirsiniz. Veya bu kod parçacıklarından birini sitenizin wp-config.php dosyasına ekleyebilirsiniz:
Revizyonları Sınırlayın (sadece iki revizyon):
define('WP_POST_REVISIONS', 2);Revizyonları devre dışı bırakmak için ise:
define('WP_POST_REVISIONS', false);Sitenizde yoğun/çok yorumu olan bir sayfa varsa bu, sitenizin performansında şaşırtıcı bir düşüşe neden olacaktır. Varsayılan olarak her bir yorum, kullanıcı görselini yüklemek için Gravatar’a harici bir HTTP isteği ekler. Yorumlar ayrıca veritabanınıza ağırlık katar ve yorumları yüklemek için ekstra veritabanı sorguları sağlar.
Yorumlarda bir değer görmüyorsanız, seçeneklerden biri yorumları tamamen devre dışı bırakmaktır:
Ancak yorum bölümleri birçok site için önemlidir, dolayısıyla bunlardan tamamen kurtulmak istemeyebilirsiniz. Bunları optimize etmek için bazı seçenekler de yine eklentiler ile mümkün. Bazıları:
Pro Tip: Disqus veya Facebook Comments gibi bir üçüncü taraf yorum sistemi kullanın ve ardından ücretsiz Disqus Koşullu Yükleme veya Lazy Social Comments eklentilerini kullanarak tembel yükleme özelliklerini açacak bu eklentileri yükleyin.
Gzip, verileri sunucu düzeyinde sıkıştırmanıza olanak tanıyan bir teknolojidir; bu, sitenizin dosya boyutunda %70’in üzerinde bir azalmaya neden olabilir.
WP Rocket dahil çoğu WordPress performans eklentisi sizin için Gzip sıkıştırmasını etkinleştirebilir. Veya ücretsiz Gzip Sıkıştırma eklentisini kullanabilirsiniz.
Bir eklenti kullanmamayı tercih ederseniz, bu kod pasajını sitenizin .htaccess dosyasına ekleyerek Gzip sıkıştırmasını da etkinleştirebilirsiniz:
Apache cache-control (.htaccess):
<filesMatch ".(ico|pdf|flv|jpg|jpeg|png|gif|svg|js|css|swf)$">
Header set Cache-Control "max-age=84600, public"
</filesMatch>
Apache expires headers (.htaccess):
## START ADD EXPIRES HEADERS ##
<IfModule mod_expires.c>
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 image/svg "access 1 year"
ExpiresByType text/css "access 1 month"
ExpiresByType application/pdf "access 1 month"
ExpiresByType application/javascript "access 1 month"
ExpiresByType application/x-javascript "access 1 month"
ExpiresByType application/x-shockwave-flash "access 1 month"
ExpiresByType image/x-icon "access 1 year"
ExpiresDefault "access 2 days"
</IfModule>
## END ADD EXPIRES HEADERS ##
Nginx cache-control:
location ~* \.(js|css|png|jpg|jpeg|gif|svg|ico)$ {
expires 30d;
add_header Cache-Control "public, no-transform";
}
Nginx expires headers:
location ~* \.(jpg|jpeg|gif|png|svg)$ {
expires 365d;
}
location ~* \.(pdf|css|html|js|swf)$ {
expires 2d;
} Çalışıp çalışmadığını test etmek için bu Gzip sıkıştırma testi aracını kullanabilirsiniz.
Preconnect ve Prefetch, üçüncü taraf kaynaklar için DNS çözümleme süresini hızlandıran ve kaynak indirme sürelerini hızlandırabilen iki taktiktir. Örneğin, tarayıcılara CDN’nize veya Google Fonts CDN’sine önceden bağlanmalarını söyleyebilirsiniz.
MySQL veritabanını optimize etmek, sitenizin veritabanı sorgularını hızlandırabilir ve sayfa yüklemelerini iyileştirebilir. Eklentiler veya manuel optimizasyon işlemleri kullanılabilir.
Responsive tasarım, farklı cihazlarda sitenin düzgün görüntülenmesini sağlar. Bu, mobil cihazlardan gelen ziyaretçilere daha hızlı ve optimize edilmiş bir deneyim sunar, bu da hızlı yükleme sürelerine katkı sağlar.
Site hızını etkileyen hosting sağlayıcıları arasında SiteGround, Bluehost ve Kinsta gibi öne çıkanları bulunmaktadır. SSD depolama ve özel WordPress optimizasyonu sunan sağlayıcılar tercih edilebilir.
Çok sayıda eklentinin kullanılması, sitenin hızını olumsuz etkileyebilir. Yalnızca gerekli eklentileri seçmek ve güncel tutmak, sayfa performansını artırabilir.
Web kariyerine SEO ile devam eden süresiz olarak kendini bu işe adamış ve en sonunda kaliteli hizmet sunma hedefi ile wayfic.co ajansını kurmuş sürekli öğrenen kendini müşterinin yerine koyan ve alternatif tüm yolları işlerine entegre eden kişi.
Bu web sitesi, size mümkün olan en iyi kullanıcı deneyimini sunabilmek için çerezleri kullanır. Çerez bilgileri tarayıcınızda saklanır ve web sitemize döndüğünüzde sizi tanımak ve ekibimizin web sitesinin hangi bölümlerini en ilginç ve yararlı bulduğunuzu anlamasına yardımcı olmak gibi işlevleri yerine getirir.
Çerez ayarları tercihlerinizi kaydedebilmemiz için kesinlikle gerekli çerezler her zaman etkin olmalıdır.
Bu çerezi devre dışı bırakırsanız, tercihlerinizi kaydedemeyiz. Bu da, bu web sitesini her ziyaret ettiğinizde çerezleri tekrar etkinleştirmeniz veya devre dışı bırakmanız gerekeceği anlamına gelir.
Bu web sitesi, siteyi ziyaret edenlerin sayısı ve en popüler sayfalar gibi anonim bilgileri toplamak için Google Analytics kullanır.
Bu çerezi etkin tutmak web sitemizi geliştirmemize yardımcı olur.
Tercihlerinizi kaydedebilmemiz için lütfen önce Kesinlikle gerekli çerezleri etkinleştirin!
