WPBeginner'da Sayfa Yükleme Hızını Nasıl Artırıyoruz (6 İpucu Açıklandı)

Kimse yavaş yüklenen bir web sitesini beklemeyi sevmez. Ziyaretçileri hayal kırıklığına uğratır ve arama sıralamanızı olumsuz etkiler.

WPBeginner olarak her ay milyonlarca okuyucuya hizmet veriyoruz. Hız bizim için sadece hoş bir özellik değil; işimizin ayakta kalması için bir zorunluluktur.

Google'ın değişen metriklerini, yeni Etkileşimden Sonraki Boyama (INP) puanı gibi takip etmenin ne kadar zorlayıcı olabileceğini biliyoruz. SEO'nuzu güçlü tutmak için hızlı bir siteye ihtiyacınız var.

Tam hız stratejimizi paylaşmak için perdeyi aralıyoruz. Bunlar, WPBeginner'da kullandığımız gerçek araçlar ve ayarlardır.

İşte ele alacağımız optimizasyonlara hızlı bir genel bakış:

Sayfa Yükleme Hızı Neden Önemlidir?

Sayfa yükleme hızı, bir kullanıcı size bir bağlantıya tıkladığında web sitenizin ne kadar hızlı göründüğüdür.

Amacımız, kullanıcıların ihtiyaç duydukları bilgilere hızlıca ulaşmalarını sağlamaktır. Daha hızlı yüklenen bir web sitesi, kullanıcıların aradıkları bilgilere hemen ulaşabildikleri için onları mutlu eder.

Öte yandan, yavaş yüklenen bir web sitesi kullanıcıları ayrılmaya zorlayabilir. Bizim tüm web sitelerimizde kaçınmak istediğimiz şey budur. Kullanıcıların sitenizde daha uzun süre kalmaları durumunda abone olma veya müşteri olma olasılıkları daha yüksektir.

Bir web sitesinin yüklenmesi 3 saniye sürerse, kullanıcıların siteyi terk etme (siteden hemen ayrılma) olasılığı %36 daha fazladır. Ve 5 saniye veya daha fazla sürede yüklenen web sitelerini terk etme olasılıkları %90 daha fazladır.

Source: ThinkWithGoogle

Sayfa yükleme hızının bu kadar önemli olmasının birkaç nedeni daha:

• Kullanıcı Etkileşimini Artırır: Hızlı yüklenen bir web sitesi ziyaretçileri meşgul tutar ve bilgileri hızla erişmelerini sağlar. Bir sitede daha fazla zaman geçiren kullanıcıların harcama veya dönüşüm yapma olasılığı daha yüksektir.
• Arama Motoru Sıralamalarını İyileştirir: Daha iyi kullanıcı deneyimi sayesinde arama motorları, hızlı yüklenen web sitelerini daha üst sıralarda göstererek tercih eder.
• Mobil Kullanıcılar İçin Kritik: Mobil tarama için hız özellikle önemlidir. Mobil kullanıcılar, yavaş bir web sitesini masaüstü kullanıcılarından iki kat daha fazla terk etme eğilimindedir.
• Güven ve Otorite Oluşturur: Hızlı yüklenen bir site daha güvenilir ve profesyonel görünür, bu da kullanıcıları işletmenizden satın almaya ikna etmenize yardımcı olabilir.

Özetle, sayfa yükleme hızı, daha yüksek müşteri memnuniyeti ve etkileşim ile genel kullanıcı deneyimini iyileştirir.

WPBeginner'da Sayfa Yükleme Hızını Nasıl İyileştiriyoruz

Tüm standart en iyi uygulamaları WordPress performans ve hız optimizasyonu kılavuzumuzdan uyguluyoruz.

Ek olarak, WPBeginner'da WordPress performansını daha da artırmak için bazı ek adımlar attık.

Uyguladığımız tekniklerden önce ve sonra performans optimizasyonumuzun yakın tarihli bir ekran görüntüsü.

Web siteniz için benzer bir test yapmak ve Google Core Web Vitals puanınızı görmek istiyorsanız, PageSpeed Insights aracını kullanın.

Test etmek istediğiniz URL'yi girin ve 'Analiz Et' düğmesine tıklayın.

Araç, web sayfasını birkaç saniye analiz edecek ve ardından test sonuçlarını gösterecektir.

Şimdi, bu performans puanını elde etmek için attığımız adımlara bakalım.

1. Daha Hızlı Barındırma Platformu

Yılların verdiği WordPress tabanlı işletme deneyimiyle, en iyi WordPress barındırma seçmenin önemini öğrendik.

Küçük web siteleri için Bluehost veya Hostinger gibi önde gelen barındırma şirketlerinden herhangi biriyle başlayabilirsiniz.

Ancak WPBeginner, yüksek trafik hacmine sahip büyük bir web sitesidir. Paylaşımlı veya VPS barındırma planları bu ölçekte çok sınırlıdır.

Bu nedenle WPBeginner, Google Cloud Platform üzerinde çalışan SiteGround'un Kurumsal Bulut Altyapısı üzerinde barındırılmaktadır.

Neden SiteGround Kullanıyoruz

• SiteGround'un kurumsal düzeydeki barındırma altyapısı, maksimum çalışma süresi sağlayan birden çok yedeklilik katmanına sahiptir.
• Google'ın son teknoloji ağına bağlı olan Google Cloud Platform üzerinde çalışır ve dünya çapında en hızlı hızları garanti eder.
• Bireysel özel barındırma sunucularını yönetmenin getirdiği maliyetleri ve zorlukları azaltır.
• SiteGround'un Ultrafast PHP, daha hızlı MySQL ve Brotli sıkıştırma gibi şirket içi geliştirmeleri, ek bir performans artışı sağlar.
• SiteGround destek ekibiyle ilk elden çalışma deneyimimiz var. Mühendislerinin uzmanlığı, daha hızlı yanıt süreleri ve genel yardımseverlikleri bizi her zaman etkiledi.

Daha fazla ayrıntı için, WPBeginner'ın neden SiteGround barındırmaya geçtiği hakkındaki makalemizi görebilirsiniz.

Şu anda, ücretsiz bir alan adı ile WPBeginner kullanıcılarına cömert bir indirim de sunuyorlar. Çok düşük bir aylık oranla başlıyor, bu da sağlanan teknoloji ve hizmet seviyesi göz önüne alındığında oldukça uygun fiyatlı.

En iyi yanı, SiteGround'un faydalarının yalnızca kurumsal müşterilerle sınırlı olmamasıdır. Tüm SiteGround paylaşımlı barındırma hesapları da Google Cloud Platform'da barındırılmaktadır.

2. CloudFlare DNS

Önceki bir WPBeginner Insider makalesinde, Sucuri'den Cloudflare'a geçiş vaka çalışmamızı paylaşmıştık.

Güvenliğin yanı sıra, Cloudflare DNS kullanmak WPBeginner'a performansta önemli bir avantaj sağlıyor.

DNS (Alan Adı Sistemi), web siteleri için bir telefon rehberi gibidir.

Bir web sitesinin adresini tarayıcınıza girdiğinizde veya bir bağlantıya tıkladığınızda, bir DNS hizmeti alan adını arar ve web sitenizi o belirli web sitesinin IP adresine yönlendirir.

Normalde web siteleri DNS'lerini yönetmek için barındırma şirketlerinin ad sunucularını kullanır. Bunlar, dünya çapında 310'dan fazla şehirdeki veri merkezlerinde DNS çözümlemesini ağ kenarında gerçekleştiren Cloudflare kadar hızlı değildir.

Neden Cloudflare DNS Kullanıyoruz

• En Hızlı DNS Çözümlemesi: Cloudflare'ın küresel ağı, DNS'nin herhangi bir kullanıcıya en yakın konumda çözümlenmesini sağlar.
• Yerleşik Güvenlik: Tüm trafik Cloudflare DNS üzerinden geçtiği için, web uygulama güvenlik duvarı (WAF) DDoS saldırılarını, spam'leri, gereksiz botları, SQL enjeksiyonlarını, hackleme girişimlerini ve daha fazlasını hızla azaltabilir ve engelleyebilir.
• CDN Teslimatı – Ağları, statik varlıkları otomatik olarak önbelleğe alır ve küresel ağları üzerinden sunar, web sitelerinin daha hızlı yüklenmesini sağlar. Ve bu DNS düzeyinde gerçekleştiği için, CDN varlıkları için ayrı alt alan adlarına sahip olmanız gerekmez.

Yüksek trafik hacmimizi yönetmek için Kurumsal planı kullanıyoruz, ancak Cloudflare'ın ücretsiz sürümü büyük bir hız artışı sağlıyor ve çoğu küçük ve orta ölçekli web sitesi için fazlasıyla yeterli.

3. WP Rocket ile Performans Optimizasyonu

Daha fazla performans optimizasyonu için, piyasadaki en iyi WordPress performans eklentilerinden biri olan WP Rocket'ı kullanıyoruz. Diğer şeylerin yanı sıra, önbelleğe alma işlemini gerçekleştirir, bu da web sitenizin kopyalarını kaydettiği anlamına gelir, böylece sayfalar tekrar eden ziyaretçiler için daha hızlı yüklenir.

WP Rocket'ı en çok sevmemizin nedeni, en kapsamlı WordPress performans optimizasyon eklentisi olmasıdır, bu nedenle birçok farklı görevi yerine getirmek için yalnızca bir araca ihtiyacımız var.

Neden WP Rocket Kullanıyoruz

• Önbellek ön yükleme – Genellikle bir önbellekleme eklentisi, bir sayfanın önbelleğe alınmış bir kopyasını oluşturmak için bir kullanıcının sayfayı ziyaret etmesini bekler. WP Rocket, önbelleğinizi otomatik olarak hazır tutar, bu da sayfa yükleme süresinde büyük bir fark yaratır.
• Tarayıcı önbelleğe alma – Resimler, JavaScript ve CSS gibi statik varlıkları tarayıcı önbelleğinde depolamak, sonraki sayfa görünümlerinde daha hızlı yükleme anlamına gelir.
• Dosya Optimizasyonu – WP Rocket, JavaScript ve stil sayfaları gibi statik dosyaların teslimini küçültmenize ve optimize etmenize yardımcı olur. Bu dosyaları küçültmek, genel sayfa yükleme süresini önemli ölçüde azaltır.

Bu eklentiyle ilgili ayrıntılı deneyimimizi artılarını ve eksilerini içeren WP Rocket incelememizde paylaştık.

WP Rocket'ta Hangi Ayarları Kullanıyoruz?

Aşağıdaki WP Rocket ayarlarımız açık:

• Tam sayfa önbellekleme
• Dosya optimizasyonu (JS ve CSS dosyalarını küçültme ve kritik CSS'yi sunma)
• JavaScript ertelenmesi (JS yüklemesini geciktirme, bu da render engelleme sorununu düzeltmeye yardımcı olur). Not: Bunu kullanırsanız, menülerinizin ve kaydırıcılarınızın hala çalışıp çalışmadığını doğrulamak için sitenizi her zaman Gizli modda kontrol edin.
• Resim ve medya dosyalarının tembel yüklenmesi

Bu ayarları sitenizde kullanma konusunda yardıma mı ihtiyacınız var? En iyi sonuçları elde etmek için WP Rocket'ı kurmak için adım adım bir kılavuzumuz var.

4. JavaScript ve CSS'yi Kuyruğa Alma

WP Rocket ile JavaScript ve CSS dosyalarının sunumunu optimize ediyoruz, ancak önce web sitemizin yalnızca belirli bir sayfa için gereken JavaScript ve CSS dosyalarını yüklediğinden emin oluyoruz.

Bununla başa çıkmanın en iyi yolu, WordPress kodlama standartlarına uyan yüksek kaliteli temalar ve eklentiler kullanmaktır. Bu araçlar yalnızca ihtiyaç duyulduğunda betikleri yükleyecek şekilde oluşturulmuştur.

Ancak, bir geliştirici bazen bir özelliğin doğru çalışmasını sağlamak için bir betiği sitenizin tamamına yükleyebilir. WPBeginner'da geliştirme ekibimiz bu gereksiz betikleri manuel olarak kuyruktan çıkarır ve ardından yalnızca gerekli oldukları sayfalarda kuyruğa ekler.

Aşağıdakiler gibi PHP kod parçacıklarını eklemenin çok daha güvenli ve kolay bir yolu, ücretsiz WPCode eklentisini kullanmaktır. Tema dosyalarınızı düzenlemeden özel kod eklemenize ve yönetmenize olanak tanır, bu da hataları önlemeye yardımcı olur. Kapsamlı WPCode incelememizde daha fazla bilgi edinebilirsiniz.

Kodu WPCode eklentisine (önerilir) veya functions.php dosyanıza yapıştırıyor olun, önce gereksiz betikleri bulmanız gerekir. En kolay yol Query Monitor eklentisini kullanmaktır.

Bir sayfada yüklenen tüm JavaScript ve CSS dosyalarını gösterir, böylece hangilerinin gereksiz olduğunu anlayabilirsiniz. Bir betiği kaldırmak için Query Monitor'dan tanıtıcısına ihtiyacınız olacaktır. Ardından, aşağıdaki kodu kullanabilirsiniz:

function prefix_remove_scripts() {
    // Check if we are on the homepage
	if ( is_front_page() ) { 
		wp_dequeue_script( 'plugin-script-handle' ); 
	} 
} 
add_action( 'wp_enqueue_scripts', 'prefix_remove_scripts', 100 );

Benzer şekilde, gereksiz bir stil sayfasını kaldırmak için aşağıdaki kodu kullanabilirsiniz:

/**
 * Remove unnecessary stylesheets
 */
function prefix_remove_styles() {
	if ( is_front_page() ) {
	wp_dequeue_style( 'stylesheet-handle' );
	}
}
add_action( 'wp_enqueue_scripts', 'prefix_remove_styles', 100 );

Daha fazla ayrıntı için, WordPress'te JavaScript ve CSS'nin düzgün şekilde nasıl ekleneceğine ilişkin eğitimimize bakın.

5. Engelleme Düzenleyici Stillerini Boşaltma

WPBeginner'da varsayılan WordPress blok düzenleyiciyi kullanıyoruz. Son derece hızlıdır ve çekirdek WordPress geliştirme ekibi performansını iyileştirmek için çok zaman ve kaynak harcar.

Performansı daha da artırmak için WPBeginner'da kullanmadığımız bazı blok düzenleyici stillerini kaldırıyoruz.

Bu, genel sayfa boyutunu azaltır ve tarayıcının ihtiyaç duyulmayan kodu yüklemek için zaman harcamamasını sağlar.

Tarayıcı terminolojisinde DOM, bir sayfadaki öğelerin ve alt öğelerin (başlıklar, metin, resimler, stil sayfaları, betikler vb.) haritası gibidir.

Daha büyük bir DOM, tarayıcının onu işlemesi için biraz daha fazla zaman harcaması anlamına gelir. Daha küçük bir DOM hızlıca işlenir.

Ancak, bunun getirdiği performans kazancı o kadar büyük değil ve daha küçük WordPress web sitelerine sahip çoğu kullanıcı için bunu önermeyiz.

6. Çeşitli Performans İyileştirmeleri

Yukarıda belirtilen ipuçlarının yanı sıra, daha iyi sayfa yükleme hızlarını sağlamak için en iyi uygulamalarımız da mevcuttur.

İşte web sitenizde kolayca uygulayabileceğiniz bazıları:

• Optimize Edilmiş Görüntüler – Ekibimiz, yüklediğimiz ekran görüntüleri, resimler ve medyaların dosya boyutunu küçültmek için yüksek oranda optimize edildiğinden emin olur. WordPress için görüntüleri optimize etme kılavuzumuza bakın.
• Cron İşlerini Optimize Et – Cron işleri, güncellemeleri kontrol etmek, zamanlanmış gönderileri yayınlamak vb. için arka planda çalışan zamanlanmış WordPress görevleridir. WordPress eklentileri de kendi arka plan işlemlerini ekleyebilir. Cron işlerini optimize etmek sunucu yükünü azaltır ve performansı artırır.
• Harici HTTP İsteklerini Azaltın – Kullandığınız bazı eklentiler ve araçlar harici alanlardan dosya yüklemeyi gerektirebilir. Bu isteklerin çok fazlası sayfa yükleme süresini artırabilir. Bunu düzeltmek için eklentilerinizin CSS dosyalarını ve JavaScript'ini devre dışı bırakma konusundaki eğitimimize bakabilirsiniz.

Bu yöntemlerin daha ayrıntılı bir anlatımı ve sayfa yükleme sürenizi iyileştirecek diğer stratejiler için eksiksiz WordPress hız ve performans kılavuzumuzu takip edebilirsiniz.

Sayfa Yükleme Hızını İyileştirme Hakkında SSS

Sitenizin daha hızlı yüklenmesiyle ilgili hala sorularınız olabileceğini anlıyoruz. İşte en sık aldığımız sorulardan bazılarına yanıtlar.

Bir web sitesi için iyi bir sayfa yükleme hızı nedir?

Sayfalarınızın 2 saniyenin altında yüklenmesini sağlamak harika bir hedeftir. Siteniz ne kadar hızlı olursa, hem ziyaretçileriniz hem de arama motoru sıralamalarınız için o kadar iyi olur.

Web sitemin hızını nasıl test edebilirim?

Sitenizi test etmek için Google PageSpeed Insights gibi ücretsiz çevrimiçi araçları kullanabilirsiniz. Web sitenizin URL'sini girmeniz yeterlidir; araç size ayrıntılı bir performans raporu ve iyileştirme önerileri sunacaktır.

Sitemi daha hızlı hale getirmek için geliştirici olmam gerekiyor mu?

Hiç de değil. Kaliteli barındırma seçmek, WP Rocket gibi bir önbellekleme eklentisi kullanmak ve resimleri optimize etmek gibi en etkili stratejilerin çoğu, herhangi bir kodlama becerisi gerektirmez.

Bu ipuçlarından hangisi en büyük performans artışını sağlıyor?

WordPress hosting'iniz web sitenizin hızının temelidir. SiteGround gibi hızlı ve güvenilir bir barındırma hizmetiyle başlamak, ilk günden performansınız üzerinde en büyük etkiye sahip olacaktır.

Ek Kaynaklar ve Sonraki Adımlar

Performans stratejimize bu içeriden bakışın, kendi web sitenizi daha hızlı hale getirmek için size net bir yol haritası sunduğunu umuyoruz. Paylaştığımız ipuçları herhangi bir site için kullanıcı deneyimini ve SEO'yu iyileştirebilir.

Daha fazlasını öğrenmeye hazırsanız, faydalı bulabileceğiniz birkaç ek rehber:

• WordPress Hızını ve Performansını Artırmak İçin Nihai Rehber
• WordPress Sitenizi Yüksek Trafikli Bir Etkinliğe Nasıl Hazırlarsınız
• Web Sitenizi Hızlandırmak İçin En İyi WordPress Önbellekleme Eklentileri

Bu makaleyi beğendiyseniz, lütfen WordPress video eğitimleri için YouTube Kanalımıza abone olun. Bizi ayrıca Twitter ve Facebook'ta da bulabilirsiniz.