WordPress Site Hızlandırma

Dünyanın en popüler içerik yönetim sistemi olarak bilinen WordPress, açık kaynaklı bir web sitesi oluşturma platformu olarak tanımlanabilir. WordPress yazılımı ile kullanıcılar web sitelerini, bloglarını, e-ticaret sitelerini ve daha birçok farklı çevrimiçi içeriği oluşturabilir, düzenleyebilir ve yönetebilirler.

WordPress’in açık kaynaklı bir platform olması hem geliştiricilerin hem kullanıcıların yazılımı özgür bir şekilde kullanmasını, değiştirmesini ve dağıtmasını mümkün kılar. Ayrıca platformun sürekli olarak geliştirilmesine ve iyileştirilmesine katkıda bulunun çok sayıda geliştirici ve kullanıcı vardır.

WordPress kişisel bloglar, iş web siteleri, portföyler, haber siteleri, e-ticaret mağazaları ve çok daha fazlası için kullanılmaya uygundur. Bunun en önemli nedeni, WordPress’te çeşitli sektörlere ve ihtiyaçlara uygun temaların ve eklentilerin bulunmasıdır.

WordPress’in kullanıcı dostu bir arayüzü vardır. Bu sayede teknik bilgi sahibi olmayan kullanıcılar da WordPress üzerinde içerik ekeleme ve düzenleme işlemini kolayca gerçekleştirirler. Ayrıca WordPress’in binlerce farklı tema ve eklenti ile özelleştirilmesi mümkündür. Bu sayede web sitesinin tasarımı da işlevselliği de kişiselleştirilebilir. Hatta WooCommerce gibi eklentilerle entegre etme yoluyla çevrimiçi mağazalar oluşturmak mümkündür.

WordPress tüm bunların yanı sıra SEO için çeşitli eklentiler ve araçlar sunarak, web sitenizin arama motoru performansının iyileştirilmesine yardımcı olur. Büyük bir topluluk tarafından desteklenen WordPress’i kullananlar, sorularını sorup sorunlarını çözmek için çeşitli bloglardan, forumlardan ve dokümantasyonlardan faydalanabilirler. 

Yoğun bir rekabetin olduğu arama motoru sonuçlarında üst sıralara yükselmeyi sağlayan en kritik unsurlardan biri, web sitesi hızıdır. Web sitenizin etkileyici bir arama motoru performansı göstermesini istiyorsanız, öncelikle web sitenizin hızının yeterli olduğundan emin olmalısınız. Çünkü web sitenizin hızı yeterince iyi değilse, paylaştığınız içerikler ne kadar kaliteli ve özgün olsa da, arama motoru botları sizi üst sıralara taşımayacaktır. 

Google’ın kullandığı çok sayıda sıralama kriteri arasında en önemlilerden biri web sitesi hızıdır. Çünkü internet kullanıcıları 4 saniye ya da daha kısa sürede yüklenmeyen web sitelerini ve sayfalarını terk etmeyi tercih etmektedir. Google ve diğer arama motorlarının en önemli önceliği kullanıcı beklentilerini en iyi şekilde karşılamak olduğundan, yapılan sıralamalarda öncelik yüksek hıza sahip web sitelerine verilmektedir.

Site Hızlandırma İşlemlerinde Nelere Dikkat Etmeliyiz?

Site hızlandırma işlemleri sırasında, web sitesinin yönetim panelinden pek çok farklı işlem yapılması ihtiyacı doğar. Yapılacak olan her bir işlemin ardından web sitesinin görünen yüzünde hata oluşması riski vardır. Bu nedenle işlemlere başlamadan önce hosting panelini ya da bir eklentiyi kullanarak web sitesi yedeği alınmalıdır. 

Yapılan düzenlemelerin her biri not alınması, ardından web sitesinin çalışıp çalışmadığı kontrol edilmelidir. Önerilen, yapılan her düzenlemenin ardından bir yedek alınmasıdır. Böylece hata oluştuğu anda çalışılan aşamaya kolayca geri dönme imkanı elde edilebilir. 

Neden WordPress Hızını Arttırmalısınız?

Günümüzde kullanıcıların internet ortamında geçirdiği süre her geçen gün artmakta ve dijital dünya pek çok yeni avantaj sunmaktadır. Alışveriş, sosyalleşme, bankacılık, eğitim ve daha pek çok farklı ihtiyacın gerçekleştirilebildiği internet ortamında yavaşlık kullanıcıların tahammül edemediği unsurların başında gelir. Buna bağlı olarak web sitelerinin yavaş açılması, izlenmek istenen videoların donması, sayfaların yüklenmemesi gibi durumlar kullanıcıların web sitesi ziyaretinin kötü bir deneyimle sonuçlanmasına neden olabilir. 

WordPress site hızını artırmak, ziyaretçilerinizin daha iyi bir deneyim yaşamasını sağlar. Buna bağlı olarak hem web sitenizin SEO performansı artar hem de dönüşüm oranlarınız üzerinde olumlu bir etki meydana gelir. Web sitesi hızı aynı zamanda Google arama motoru sıralamalarını doğrudan etkileyen unsurlardan biridir. Çoğu internet kullanıcısı, düşük hızla açılan web sitelerinin açılmasını beklemeyi tercih etmez. Bunun sonucunda web sitesinin hemen çıkma oranı yükselir. Arama motoru botları ise hemen çıkma oranı yüksek olan web sitelerini SERP’lerin üst sıralarına taşımayı tercih etmez.

WordPress’te Site Hızı Nasıl Arttırılır?

WordPress daha önce de belirttiğimiz üzere dünya genelinde en çok kullanılan CMS yani içerik yönetim sistemidir. WordPress site hızının artırılması birçok farklı adımdan oluşan kapsamlı bir süreçtir. WordPress’te site hızı artırmak için yapmanız gerekenler aşağıda sıralanmıştır.

1. WordPress Hızını Test Etmek

WordPress site hızını artırmak için gereken çalışmaları uygulamaya başlamadan önce, web sitesinizin rakipleri karşısındaki konumunu tespit etmeniz gerekir. Web sitenizin hızının tespit edilmesi son derece önemli bir adımdır ve bu aşamada kullanılabilecek pek çok farklı araç vardır. 

Pingdom, GTmetrix, Google Page Speed ve WebPageTest WordPress site hızınızı ölçebileceğiniz online ve ücretsiz araçlardır. Söz konusu araçlar yapıldıktan sonra web sitenizin hızı size rapor olarak sunulur ve sunulan raporlara göre uygulanması gereken işlemler belirlenir. Bu aşama WordPress site hızlandırma sürecinin en önemli adımlarından biridir. Çünkü WordPress site hızına etki eden faktörleri bulmanız halinde, site hızını artırmanızı sağlayacak doğru çözümlere erişebilirsiniz.

2. Hosting Seçimi

Web sitelerinin başarısını etkileyen en önemli unsurlardan biri olan hosting, aynı şekilde site hızlandırma sürecinde de kritik bir rol üstlenir. Kalitesiz hizmet veren ve sürekli olarak sunucu sıkıntıları yaşatan bir web hosting hizmet sağlayıcı ile çalışmanız, web sitenizin tüm istatistik değerlerinin olumsuz yönde etkilenmesine neden olur. Bu nedenle hosting hizmet sağlayıcı seçimi yaparken, size sunulan uptime süresine dikkat etmeniz gerekir. Uptime süresinin yüksek olması SEO değerlerinizi olumlu yönde etkileyecektir.

3. Tema Seçimi

Doğru bir tema seçmek, web sitenizin ve sayfalarınızın daha hızlı bir şekilde açılmasını sağlayacaktır. Web sitenizin tasarımı ve teması iyi bir şekilde kodlanmadığı takdirde, sayfaların yavaş açılması gibi istenmeyen bir durumla karşı karşıya kalınabilir. Bunun sonucunda ise hem SEO performansınız hem ziyaretçi deneyiminiz olumsuz bir şekilde etkilenir. Tema seçimi sürecinde doğru adımlar atmak ise web sitenizin hızının artmasını sağlar. Bu kapsamda web sitenizin kodlaması içinde gereksiz CSS ve Java Script kodlarının bulunmamasına dikkat etmelisiniz.

4. Gereksiz Tema ve Eklentileri Kaldırmak

Günümüzde pek çok web sitesi sahibi modern bir izlenim elde etmek için sitesine yeni özellikler eklemeyi tercih eder. WordPress sitelerinde bunun için eklentilerden ve temalardan faydalanılır. Çoğunlukla yeni eklentiler bir öncekinin işlevselliğini karşılayarak eskisinin daha az işlevsel hale gelmesine neden olur. Bunun sonucunda ilerleyen zamanla birlikte web sitesinin bir süredir kullanılmayan eklentilerle ve temalarla dolması söz konusu olabilir.

Özellikle eski sürümlü eklentiler başta olmak üzere fazla sayıda eklenti olması, WordPress performansının etkilenmesine neden olabilir. Bu nedenle dikkat etmeniz gereken, WordPress optimizasyonu yaparken gereksiz eklentileri kaldırdığınızdan ya da en azından devre dışı bıraktığınızdan emin olmaktır. İdeal olan web sitesinin her zaman için çalışabilirliğine hizmet eden eklentilere sahip olmasıdır.

5. Ön Bellekleme Eklentisi (Cache) Kullanmak

Ön bellekleme olarak da bilinen cache sistemi, web sitenizi sık sık ziyaret eden kullanıcıların her ziyaretinde kaynak dosyaların tekrar tekrar tüklenmesini önleyen etkili bir çözümdür. Bu sayede web sitenizi ziyaret eden kullanıcılar için web sitenizin açılış hızı yüksek seviyelere ulaşır, herhangi bir yavaşlık olmadığından kullanıcı deneyimi negatif etkilenmez.

WordPress’te cache sistemi için kullanmayı tercih edebileceğiniz eklentiler, wen sitenizde tarayıcı önbellekleme sisteminin aktif hale gelmesini sağlar. Web sitenizde yer alan içeriklerin, statik HTML sayfaları şeklinde sunucunuza kaydedilmesini ve ziyaretçilerinize hızlı bir şekilde ulaştırılmasını amaçlar.

Bu özelliği dolayısıyla önbelleğe alma, web sunucusundaki yüklerin bir kısmını boşaltma amacıyla sıklıkla tercih edilen etkili bir yöntem olarak öne çıkmaktadır. Temel olarak önbelleğe alma motorları, istemcinin sisteminde sık sık kullanılan bilgileri sakladığı için tarayıcı bu bilgileri tarayıcıdan art arda almak zorunda kalmaz. Önbelleğe alma web sitesi performansını önemli ölçüde artıran ve WordPress hızlandırma amacıyla uygulanabilecek en etkili tekniklerden biridir. WordPress için WP-Rocker ve W3 Total Cache gibi farklı önbellekleme eklentilerinin kullanılması mümkündür. 

6. Resim Optimizasyonu (Lazy Load Images)

Web sitelerinde paylaşılan büyük boyutlu görsellerin sayfa yükleme süresini olumsuz etkilediği ve Google’da üst sıralarda yer alma olasılığını azalttığı bilinen bir gerçektir. Web sitesinin arama motoru performansını olumsuz yönde etkileyecek bu tür durumları önlemek için görsel optimizasyonu uygulanması ve web sitesinde paylaşılan resimlerin boyutları mümkün olduğunca küçültülmelidir. Bu sayede web sitesinin daha hızlı yüklenmesini sağlamak mümkündür.

Resim optimizasyonu için görsel sıkıştırma eklentileri kullanılabilir. Tercih edilebilecek diğer bir yöntem ise web sitenizi, sıkıştırılmış PNG ya da JPEG kullanmaya göre çok daha fazla hızlandırma potansiyeliyle öne çıkan bir resim dosyası türü olan WebP’nin kullanılmasıdır.

Unutulmaması gereken, büyüklüklerine dikkat etmemeniz halinde, yüksek çözünürlüğe sahip resimleri çok büyük trafiğe neden olabileceğidir. Web sitenizdeki resimleri optimize etmek için Smush Image Compression and Optimization gibi WordPress eklentilerini kullanabilirsiniz. Bu sayede görüntü kalitesinden ödün vermeksizin, web sitenizin çok daha yüksek hızlara ulaşmasını sağlayabilirsiniz.

HTML Lazy Load

Görsellerinize lazy değeri ekleyerek, görsellerinizin geç yüklenmesini sağlayabilirsiniz.

<img src="image.jpg" alt="Boosted Craft" loading="lazy">

CSS Lazy Load

.lazy {
    display: block;
    width: 100%;
}

Javascript Lazy Load

$(document).ready(function () {
    $(window).scroll(function () {
        $(".lazy").each(function () {
            if ($(this).offset().top < $(window).scrollTop() + $(window).height() + 100) {
                $(this).attr("src", $(this).attr("data-src"));
            }
        });
    });
});

Not: Eğer kod bilginiz yoksa, wordpress eklentileriyle kolay bir şekilde çözüm sağlayabilirsiniz.

7. CSS, HTML ve JavaScript Küçültmek

Küçültme, web sitenizin performansını artırma amacıyla kullanılabilecek en etkili yöntemlerden biridir. Küçültme işlemi ile CSS, HTML ve JavaScript dosyalarından boşluklar ve yorumlar gibi gereksiz karakterler kaldırılarak dosya boyutunun azaltılması hedeflenir. Gereksiz karakterler olmaksızın aynı işlevselliğe ulaşılması amaçlanır.

Web sayfalarını oluşturan HTML kodlarını sıkıştırmak ve optimize etmek, sayfa açılış hızı için kritik unsurlardan biridir. Web sitenizi ziyaret edenlerin HTML kodlarının yüklenmesi sırasında olumsuz bir şekilde etkilenmemesi ve site hızının düşük seviyede kalmaması için HTML sıkıştırma işlemi yapılmasıdır. WordPress için HTML sıkıştırma desteği veren WP Fastest Cache, W3 Total Cache ve WP Super Cache gibi eklentilerin bu amaca yönelik olarak kullanılması mümkündür.

Yine web sitenizde bulunan JavaScript dosyalarını optimize etmeniz, sayfa açılış hızını olumlu yönde etkiler. Böylece JavaScript dosyaları daha hızlı bir şekilde yüklenmeye başlar. JavaScript optimizasyonunun yapılmasıyla birlikte sayfa açılış hızı daha iyi bir seviyeye taşınır ve dosyalar hızlı bir şekilde yüklenerek kullanıcı deneyiminin iyileştirilmesine katkıda bulunulur. JavaScript sıkıştırması için sunucudan tarayıcıya gönderilen JavaScript, HTML ve CSS gibi içerikleri sıkıştırma amacıyla kullanılabilen bir site hızlandırma yöntemi olarak Gzip ve Brotli tercih edilebilir.

Hızlı web içerikleri sunmak için standart bir sıkıştırma algoritması haline gelen Brotli sunucudaki içeriği sıkıştırma ve tarayıcıda sıkıştırmayı açmada Gzip’e göre daha hızlıdır. Buna bağlı olarak Gzip’in tahtını sağlamayı başarmıştır. Brotli’nin Gzip alternatifi olarak öne çıkmasının nedeni; HTML, CSS ve JavaScript gibi verilerde %15 ila %10 oranlarında daha küçük sıkıştırma yapabilmesidir.

CSS, web sayfalarını biçimlendirme amacıyla HTML’nin tamamlayıcısı olarak kullanılan bir dil olma özelliğine sahiptir. Kritik olmayan CSS’i küçültmek, ertelemek ya da kullanılmayan CSS’i kaldırıp CSS’i ayrıştırmak için harcanan sürenin azaltılması, Core Web Vital metriklerinde iyileştirmeler sağlamak için önerilir. Sayfa tasarımlarının yüklenmesini sağlayan CSS stil dosyalarının sıkıştırılması ve optimize edilmesi, web sitesi hızını olumlu yönde etkileyeceği için stil dosyalarındaki gereksiz kodları kaldırmak, gereksiz boşlukları temizlemek gibi sıkıştırma ve küçültme işlemleri ihmal edilmemelidir.

WordPress’te CSS dosyalarının optimize edilmesi için WP Rocket ve WP Fastest Cache gibi eklentilerin kullanılması tercih edilebilir. Web sitenizdeki butonlar ve simgeler gibi sık kullanılan ögeler için bir şablon oluşturmak için CSS Sprite’ları kullanıp yükleme süresinden tasarruf etmeniz de mümkündür.

Bunlar dışında dosyalarınızı manuel olarak sıkıştırabilirsiniz. Bunun için css compressor gibi siteler bulabilir ve dosyalarınızı olabildiğince sıkıştırabilirsiniz. Ancak işlem yapmadan önce yedek almanızı öneriririz.

8. Gzip Sıkıştırmayı Aktifleştirme

Dosya küçültme işleminin yanı sıra Gzip sıkıştırma olarak bilinen farklı bir sıkıştırma biçimi de kullanılabilir. Herhangi bir kullanıcı web sitenizi ziyaret ettiğinde, sunucudaki kaynaklar yani dosyalar getirilir. Kaynaklar ne kadar büyük olursa, bu kaynakları yüklemek için ihtiyaç duyulan zaman da artar. Gzip sıkıştırmasını etkinleştirmek, WordPress hızlandırma sürecinde bu kaynakların boyutunu önemli ölçüde azaltmayı sağlayabilir.

.htacces dosyanıza aşağıda bulunan kodları ekleyerek, mod_deflate aracılığı ile Gzip sıkıştırmayı etkinleştirebilirsiniz.

<IfModule mod_deflate.c>
  AddOutputFilterByType DEFLATE text/html
  AddOutputFilterByType DEFLATE text/css
  AddOutputFilterByType DEFLATE text/javascript
  AddOutputFilterByType DEFLATE text/xml
  AddOutputFilterByType DEFLATE text/plain
  AddOutputFilterByType DEFLATE image/x-icon
  AddOutputFilterByType DEFLATE image/svg+xml
  AddOutputFilterByType DEFLATE application/rss+xml
  AddOutputFilterByType DEFLATE application/javascript
  AddOutputFilterByType DEFLATE application/x-javascript
  AddOutputFilterByType DEFLATE application/xml
  AddOutputFilterByType DEFLATE application/xhtml+xml
  AddOutputFilterByType DEFLATE application/x-font  
  AddOutputFilterByType DEFLATE application/x-font-truetype  
  AddOutputFilterByType DEFLATE application/x-font-ttf  
  AddOutputFilterByType DEFLATE application/x-font-otf
  AddOutputFilterByType DEFLATE application/x-font-opentype
  AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
  AddOutputFilterByType DEFLATE font/ttf
  AddOutputFilterByType DEFLATE font/otf
  AddOutputFilterByType DEFLATE font/opentype
# For Older Browsers Which Can't Handle Compression
  BrowserMatch ^Mozilla/4 gzip-only-text/html
  BrowserMatch ^Mozilla/4\.0[678] no-gzip
  BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
</IfModule>

Web barındırıcınız mod_deflate’i desteklemiyorsa, bir diğer alternatif olan mod_gzip’i deneyebilirsiniz;

<ifModule mod_gzip.c>
mod_gzip_on Yes
mod_gzip_dechunk Yes
mod_gzip_item_include file \.(html?|txt|css|js|php|pl)$
mod_gzip_item_include mime ^application/x-javascript.*
mod_gzip_item_include mime ^text/.*
mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*
mod_gzip_item_exclude mime ^image/.*
mod_gzip_item_include handler ^cgi-script$
</ifModule>

Sitenize göre doğru gzip kodunu kullandıktan sonra .htaccess dosyanızı kaydedebilirsiniz.

9. İstek (Request) Sayısını Düşürmek

Web sitenize gelen bir kullanıcı, tüm JS ve CSS dosyalarını sunucuya istek atarak çağırmakta olup bu sayede dosyalar yüklenir. Daha fazla sayıda CSS ve JS dosyasının mevcut olduğu durumlarda, yüklenme aşamasında her bir dosya için sunucuya bir istek gönderilmektedir. Bunun sonucunda ise web sitesi hızı olumsuz yönde etkilenir.

CSS dosyalarını birleştirip tüm stil kodlarını tek bir dosyadan çağırılacağı şekle getirmek, istek sayısının düşmesini ve web sayfalarının daha hızlı bir şekilde yüklenmesini sağlar. Aynı işlemin JavaScript dosyaları için de yapılması istek sayısını düşürmesini sağlayan diğer bir etkendir. Diğer yandan bu çalışmalardan önce yedek alınmalı ve çalışma tamamlandıktan sonra web sitesindeki tüm fonksiyonların sorunsuz bir şekilde çalıştığından emin olunmalıdır.

10. Sunucu Yanıt Süresi

Web sitesi ziyaretçilerine kaliteli bir deneyim sunma konusunda en önemli bileşenlerden biri sunucunun yanıt süresidir. Buna bağlı olarak sunucu yanıt süresinin gecikmesi, kullanıcıların web sitesinden erken çıkma oranlarının artmasına ve dönüşlüm oranlarının düşmesine neden olabilir. Bu nedenle Google, sunucu yanıt süresinin azaltılmasını önerir. 

Web sitesinin barındığı sunucu performansının yeterli olmadığı durumlarda, sunucu geç yanıt verir ve doğal olarak web sayfaları daha geç yüklenir. Bunu önlemek için web sitenizi yüksek performans sergileyen bir sunucuda barındırmanız önemlidir.

11. Veritabanı Optimizasyonu

Veri tabanı, satır ve sütunlardan oluşan bir tablo olarak tanımlanabilir ve gerçek hayattaki değerleri tablolarda saklayarak modellemek için kullanılabilir. İnternet üzerinde yer alan sosyal medya siteleri, bankacılık ve e-ticaret gibi tüm dinamik web sitelerinin temelinde veri tabanı bulunur. WordPress sitenizin veritabanında herhangi bir yerde kullanılmayan ve işe yaramayan veriler olması, veritabanında şişme yaratarak web sitesi hızının olumsuz yönde etkilenmesine neden olabilir.

Veritabanının optimize edilmesi, verilerin daha iyi depolanmasını ve veritabanından çağrılan verilerin siteye daha hızlı bir şekilde yansımasını sağlar. Böylece web sitesi hızlanır ve sayfalar daha hızlı yüklenir. WP Rocket gibi eklentilerin kullanılmasıyla WordPress’te veri optimizasyonu yapmak, veritabanındaki gereksiz verileri temizlemek ve tabloları optimize etmek mümkün olabilir.

12. CDN Sistemi Kullanımı

CDN sistemi, web sitenizdeki tüm dosyaları çeşitli veri merkezlerine depolamanıza ve web sitenizi ziyaret eden farklı lokasyonlardaki kullanıcıların dosyaları en yakındaki veri merkezinden almasına yardımcı olur. Bu aynı zamanda, site açılış hızının ve sayfalar arasındaki gezinme hızının olumlu anlamda etkilenmesi anlamına gelir. 

CDN kullanımı özellikle dünyanın çeşitli noktalarından sabit ziyaretçileri olan internet siteleri için çok önemlidir. Bu tür durumlarda hızlı açılan web sitesi ve sayfaları, kullanıcı deneyiminin iyileştirilmesine yardımcı olur.

Diğer rehber yazılarımıza göz atın:

• CDN Nedir, Ne İşe Yarar
• Core Web Vitals Nedir