WordPress CDN: Küresel Görünürlüğünüzü Artıracak Kesin Bir Kılavuz

Yıllar geçtikçe, daha hızlı yükleme hızları web siteleri için en önemli öncelik haline geldi. Ancak, kullanıcı etkileşimi için sürekli artan talebe ayak uydurmak zorunda olan daha zengin içerik ve işlevlerle el ele gelir. Bu nedenle birçok web sitesi sahibi, içeriklerini dünyanın her yerindeki son kullanıcılara daha hızlı ulaştırmayı zor buluyor.

Bunun ışığında birçok web sitesi WordPress CDN (Content Delivery Network) kullanmaya başladı. Bu teknoloji, nerede olurlarsa olsunlar her kullanıcıya web sitesi içeriğinin daha hızlı sunulmasına yardımcı olur. Bu kullanışlı kılavuzda, CDN'nin ne olduğunu, WordPress için neden önemli olduğunu ve WordPress CDN'nin nasıl kullanılacağını öğreneceksiniz.

1. CDN (İçerik Dağıtım Ağı) Nedir?

Adından da anlaşılacağı gibi, bir CDN'nin içerik sunmakla bir ilgisi vardır. Ama hangi içerik ve nasıl? Medya dosyaları, CSS ve JavaScript dosyaları dahil olmak üzere WordPress sitenizin statik, akışlı ve dinamik içeriğini sunar.

Diğer kısım, yani ağ, bu dağıtım sisteminin özüdür. Daha önce tartıştığımız içerik, dünyaya yayılmış bu sunucular ağında barındırılıyor ve kullanıcı tarayıcısından bir istek gönderdiğinde gecikmeyi önlemek için en yakın sunucu tarafından işleniyor.

Gerçek: Sayfa yükleme süresindeki 1 saniyelik gecikme, dönüşümde %7'lik bir kayba, %11 daha az sayfa görüntülemesine ve müşteri memnuniyetinde %16'lık bir düşüşe neden olabilir.

Cloudways WordPress yönetilen barındırmada bir sunucu başlattığınızı ve Londra, İngiltere'deki veri merkezini seçtiğinizi varsayalım . Burası WordPress sitenizin fiziksel olarak barındırıldığı ve tüm isteklerin buradan işlendiği yerdir. Siteniz Avrupa'daki kullanıcılar için ışık hızında olacak, ancak Tokyo veya Manila'daki kullanıcılar için biraz daha yavaş yüklenebilir. Bunun nedeni, Londra'nın Tokyo'dan Paris'ten daha uzak olmasıdır..

WordPress için en iyi CDN, içeriği kullanıcıya en yakın sunucudan teslim ederek bu mesafeyi azaltır. Kullanıcı ile web içeriği arasındaki mesafeyi azaltmak için CDN, içeriğin önbelleğe alınmış bir kopyasını dünya çapında bulunan birden çok sunucuda tutar.

2. WordPress CDN'ye Kimin İhtiyacı Var?

Hemen hemen tüm WordPress sitelerinin bir CDN'ye ihtiyacı vardır ve CDN kullanan sitelerin sayısı katlanarak artmaktadır. Birden fazla coğrafi konumda faaliyet gösteren işletmeler , bu makalenin önceki bölümlerinde açıklanan nedenlerle aynı nedenlerle bu CDN hizmetlerine güvenir . Ancak, yalnızca web barındırma hizmetinizle aynı konumdaki kullanıcıları hedefleyen bir site çalıştırıyorsanız, bir CDN kullanmak ideal değildir. Aslında, kullanıcı ve barındırma arasındaki ekstra bağlantılardan kaynaklanan gereksiz parazit nedeniyle kullanıcılar gecikmelerle karşılaşabileceğinden, kötü kullanıcı deneyimine neden olabilir.

Ne tür işletmelerin WordPress sitelerini hızlandırmak için WordPress için CDN kullandığını görelim.

• E-ticaret
• Bloglar
• Reklam ajansları
• Medya ve Eğlence
• Akış Siteleri
• Çevrimiçi Oyun Siteleri
• Çevrimiçi eğitim
• Sağlık hizmeti

3. CDN WordPress için Neden Önemlidir?

Zamanla, İçerik Dağıtım Ağı (CDN) çok gelişti. WordPress sitesinde bir WordPress CDN'sine sahip olmak, göz ardı edilemeyecek birçok avantaja sahiptir. Onları ayrıntılı olarak görelim!

• Daha Hızlı Yükleme Süreleri : CDN sunucuları ağından kolayca erişilebilen içerikle sayfa yükleme sürelerini azaltır.
• Yüksek Trafik Yönetimi : İçerik birden fazla kaynaktan teslim edildiğinden, WordPress için CDN kullanan bir site, daha yüksek trafik hacmiyle karşılaşsa bile, neredeyse kesinti veya düşük performansla karşı karşıya kalır.
• Bant Genişliğinden Tasarruf Sağlar : Bir CDN, içeriğin kendisini sunarak kullanıcılardan gelen isteklerin web barındırmaya doğrudan akışını sınırladığı için bant genişliği tüketimini de azaltır.
• Güvenlik : CDN ağı dağınıktır ve düşük ila orta DDoS saldırılarına dayanabilir. Birkaç CDN sağlayıcısı da bu saldırıları, spam göndericileri ve botları tanımlamak için kurulmuş aktif bir mekanizmaya sahiptir. Özellikle müşterilerin kredi kartı bilgilerini kullanarak ödeme yaptığı WordPress siteleri için ekstra bir güvenlik katmanı ekler.
• Daha İyi SEO Sıralaması : Google'ın daha hızlı siteleri daha üst sıralarda yer aldığı bir sır değil. Hızın SEO sıralamasına ne kadar zarar verebileceğini belirlemek zor, ancak Google'ın caydırdığı kullanıcı deneyimini kötü etkilediği açık.
• Gelişmiş Kullanıcı Deneyimi : WordPress sitesindeki WordPress CDN, web sayfalarını daha hızlı yükleyerek yalnızca masaüstünde değil, mobil cihazlarda da kullanıcı deneyimini geliştirir. Artık çok sayıda insan internette gezinmek için cep telefonlarını kullanıyor. Google ayrıca, mobil cihazlar için optimize edilmiş sitelerin arama sonuçlarında bir avantaja sahip olacağı anlamına gelen, mobil uyumlu bir arama girişimi başlattı.

Gerçek: Sayfa yükleme sürelerindeki her 100 ms'lik düşüş için gelir %1 arttı.

WordPress CDN Hız Testi

Cloudways'de barındırılan bir WordPress sitesinde test ederek bir CDN'yi çalışırken görelim. Sunucumuz ABD, Fremont'ta bulunmaktadır. CloudwaysCDN'yi entegre etmeden önce ve sonra hızı birden fazla konumdan test ettik .

San Jose, Kaliforniya, ABD

Önce

Sonrasında

New York, New York, ABD

Önce

Sonrasında

Stockholm, İsveç

Önce

Sonrasında

Melbourne, Avustralya

Önce

Sonrasında

Bu test sonuçları, CDN olmadan, gerçek sunucu konumundan daha uzak bölgelerde hızın daha yavaş olduğunu göstermektedir. Ancak CDN'yi WordPress sitesine entegre ettikten sonra, yükleme hızında iyileştirmeler gösterdi.

4. En İyi WordPress CDN Sağlayıcıları

WordPress CDN sağlayıcıları her bütçe aralığında mevcuttur. Bunun üzerine, birçok CDN sağlayıcısı bir deneme hesabı sunar.

Cloudways kullanıcılarına yardımcı olmak için, Cloudways tarafından yönetilen sunucularla kolayca entegre edilebilen aşağıdaki CDN sağlayıcıları listesini derledim.

Not: StackPath (aka CloudwaysCDN), platforma kolayca entegre edilebilir.

CloudwaysCDN (Yığın Yolu)

CloudwaysCDN , büyük bir küresel sunucu ağına sahip WordPress için en iyi CDN sağlayıcılarından biri olan StackPath tarafından desteklenmektedir.

Popüler özellikler arasında DDoS saldırılarına karşı koruma ve yük dengeleme ile engelleme özellikleri yer alır. Tüm planlar ayrıca web sitenizin sayfa yükleme süresini iyileştirmeye de katkıda bulunan güvenlik duvarı koruması sunar.

Cloudways kullanıcıları bu CDN seçeneğini varsayılan önbelleğe alma eklentisi olan ' Breeze ' ile de kullanabilir .

Fiyatlandırma: 25 GB başına 1 ABD doları

AnahtarCDN

KeyCDN , dünyanın dört bir yanından çeşitli konumlarda içerik dağıtımını optimize eden birkaç kullanışlı özellik sunar. KeyCDN, hız ve 7/24 müşteri desteği ile tanınan popüler bir WordPress CDN seçeneğidir.

KeyCDN ayrıca üçüncü taraf entegrasyonları için DDoS koruması, ücretsiz ve özel SSL sertifikaları, HTTP/2 desteği ve RESTful API sunar.

Fiyatlandırma: Fiyatlandırma modeli, en az yıllık fatura 40 ABD doları olmak üzere, GB başına 0,04 ABD dolarından başlayan, kullandıkça öde şeklindedir.

bulut parlaması

Cloudflare , WordPress için en popüler CDN'lerden biridir çünkü temel olarak kurulumu kolaydır ve büyük bir küresel sunucu ağına sahiptir.

Cloudflare ayrıca DDoS saldırılarına ve diğer güvenlik açıklarına karşı sınırlı güvenlikle WordPress siteleri için ücretsiz CDN sunar. Diğer özellikler arasında yük dengeleme, web optimizasyonu, DNS yönetimi ve SSL sertifikaları bulunur.

Fiyatlandırma: Pro planı ayda 20 dolardan başlar.

CloudFront

CloudFront by Amazon , DDoS ve benzeri tehditlere karşı endüstri standardı güvenlik sunan WordPress için hızlı ve güvenli bir CDN'dir. Amazon yönetim konsolu, CLI ve SDK'lar kullanılarak kolayca entegre edilebilir.

Fiyatlandırma: isteğe bağlı

kapsül

Incapsula , dünya genelinde sunucuları olan WordPress için bir başka popüler CDN'dir . WordPress ile kolayca entegre edilebilir ve tüm popüler önbellek eklentileriyle uyumludur.

Incapsula, SSL sertifikaları, 7/24 destek, DDoS koruması, güvenlik duvarı, saldırı analizi, tehdit istihbaratı ve veri koruması gibi özellikler sunar.

Fiyatlandırma: 59 $/ay'dan başlar

CDN77

CDN77 , WordPress web siteleri için en hızlı CDN'lerden biridir. Vurgulanan özellikler arasında SSL/TLS sertifikaları, DDoS koruması, hotlink koruması ve web güvenlik duvarı bulunur.

CDN77 ayrıca trafiği ve bant genişliği kullanımını izlemek için analitik araçlar ve faydalı bilgiler ve kilitlenme raporları içeren CDN günlükleri sunar.

Fiyatlandırma: Ayda 199$'dan başlayan fiyatlarla

İşletmeniz için doğru CDN'yi seçerken, performansla birlikte maliyet ve hizmetleri de dikkate aldığınızdan emin olun.

5. WordPress CDN Karşılaştırması

Aralarından seçim yapabileceğiniz birçok WordPress CDN sağlayıcısı var, ancak hangisinin gerçek dünya senaryolarında en iyi performansı sunacağını belirlemek zor.

Bu sorunu çözmenin tek yolu, bu CDN'leri kıyaslamaktı ve bunun için yaygın olarak kullanılan üç popüler CDN sağlayıcısı seçtik:

1. CloudwaysCDN (eskiden MaxCDN olarak bilinen StackPath ile ortaktır)
2. bulut parlaması
3. AnahtarCDN

CDN Kıyaslama Süreci

1GB RAM , 25GB SSD ve 1 Core CPU'dan oluşan Cloudways DigitalOcean sunucusunda varsayılan WordPress'i başlattım .

Karşılaştırma testi için kullandığımız araç, açık kaynaklı bir Node.js CDN kıyaslama CLI'sidir. Bir WordPress CDN'nin içeriği ne kadar hızlı teslim ettiğini anlamak için birkaç saat boyunca yeterli veri girişine ihtiyacınız olacak.

CDN kıyaslamamızda, Cloudways'de barındırılan WordPress sitemizden ( küçük: 78.6 KB, orta: 747 KB , büyük: 1.28 MB ), 5 dakikalık aralıklarla 3.5 saat boyunca üç resim dosyası indirdik . Bu dosyalar Cloudways'de barındırılan bir WordPress sitesinden alınmıştır.

CDN Kıyaslamanın Sonuçları

Kıyaslama testinden sonra, kolay karşılaştırma için nihai verileri grafiksel bir temsilde derledik. Veriler, testi 3.5 saat boyunca çalıştırdıktan sonra üretildi. Test, hangi CDN'nin hangi dosya boyutunda daha iyi çalıştığına dair bir ipucu verir.

Küçük Resim

Cloudflare normal şekilde başladı ancak küçük boyutlu görüntüyü indirirken aynı hızı koruyamadı. Testin ilk 40 dakikasında 22 milisaniyeye kadar çıktı, CloudwaysCDN ve KeyCDN ise yaklaşık 2-3 milisaniyelik sabit bir hız göstererek yatay eksende düz uzanıyordu. KeyCDN'de 75. dakikadan 85. dakikaya 9 ms'ye kadar çıkan bir artış var .

CloudwaysCDN oldukça test boyunca pürüzsüz edildi. Testi herhangi bir sürpriz olmadan maksimum indirme hızıyla başlattı ve bitirdi.

Orta Görüntü

Orta boyutlu bir görüntü indirirken de CloudFlare için işler daha iyi olmadı . 20-40 dakika arasında yaklaşık 128 ms'lik büyük artışlara sahipti. 75. dakikadan 85. dakikaya daha küçük bir artış daha. Öte yandan, CloudwaysCDN , yukarıdaki grafikte görüldüğü gibi testin sonuna doğru bir miktar rahatsızlık gösteren KeyCDN ile karşılaştırmada en üst konumunu korudu .

Büyük Resim

Büyük görseli (1.28MB) indirirken Cloudflare'ın indirme hızı yaklaşık 40 ms iken muadilleri nispeten iyi bir başlangıç ​​yaptı. KeyCDN , testin başında ve sonunda birkaç çarpma dışında, test boyunca neredeyse sabit kaldı. CloudwaysCDN , test boyunca hızlı ve sabit indirme hızını gösteren X eksenine mümkün olduğunca yakın kalarak yine harika bir iş çıkardı.

Ayrıca her CDN'nin ortalama indirme hızını üç görüntü boyutunda hesapladık.

Not ortalaması

Yukarıdaki grafikten elde edilen sonuçlar oldukça basittir. CloudwaysCDN , üç dosya kategorisinin tamamında en yüksek indirme hızına sahipti. KeyCDN ortalama bir puanla ikinci oldu. Cloudflare , üç testin de ilk aşamalarındaki büyük artışlar nedeniyle en düşük puanla üçüncü sırayı aldı. Testlerin ortasında ve sonunda oldukça iyi performans gösterdi.

6. WordPress'te CDN Nasıl Kullanılır?

6a. WordPress'e CloudwaysCDN ekleyin

Cloudways müşterileri, CloudwaysCDN'yi WordPress ile tek bir tıklamayla etkinleştirebilir ve entegre edebilir . İşlemle ilgili birkaç adım: Cloudways hesabına giriş yapın, Uygulamalar'a gidin ve ardından CloudwaysCDN'yi kurmak istediğiniz WordPress uygulamalarına girin.

Sol bölmeden CloudwaysCDN sekmesine gidin ve ardından WordPress sitenizin URL'sini girin . CREATE butonuna tıklayın.

Bu uygulama için CloudwaysCDN'yi etkinleştirecek ve size CDN URL'si, bant genişliği kullanımı ve temizleme önbelleği gibi birkaç ayrıntı sağlayacaktır. Ayrıca CloudwaysCDN'yi kaldırma seçeneğiniz de vardır.

Bir WordPress sitesine entegre etmek için Uygula düğmesine tıklamanız yeterlidir .

Not: Tek tıklama yalnızca Cloudways'in ücretsiz bir WordPress önbellek eklentisi olan Breeze için geçerlidir . Başka bir önbelleğe alma eklentisi kullanıyorsanız, CloudwaysCDN sekmesinden CDN URL'sini alın ve CDN'yi buna göre yapılandırın.

WordPress sitenizin yönetici paneline giriş yapın ve ardından Ayarlar altında Esinti'ye tıklayın :

Breeze Önbellek Plugin CDN sekmesine gidin ve burada kontrol olarak etkinleştirme CDN seçeneği işaretlenir ve CDN URL CDN CNAME alanında ayarlanmış olduğunu göreceksiniz.

Şimdi CDN'nin entegre olduğunu doğrulama zamanı. Sitenizi açın, CTRL+U tuşlarına basın ve StackPath'i arayın . CDN'nin başarıyla entegre edildiği anlamına gelen birkaç sonuç alacaksınız.

Site bozuk gibi mi?

Endişelenme! Cloudways, WordPress sitelerini optimize etmek için Varnish kullanır. Tüm önbelleği temizlediğinizden emin olun ve ardından siteyi tekrar ziyaret edin. Yaşasın! CloudwaysCDN'yi sadece birkaç tıklamayla entegre ettiniz.

CloudwaysCDN hakkında daha fazla bilgi edinmek ister misiniz? Buraya bir göz atın .

6b. WordPress'e CloudFront ekleyin

Amazon'dan CloudFront, WordPress web siteleri için belki de en popüler CDN'dir. Bağlandıktan sonra CloudFront, bir WordPress sitesinin içeriğini barındırma sunucusunu istemek yerine doğrudan sunucularından sunar. Bu, barındırma sunucusuna yük olan isteklerin sayısını azaltır.

CloudFront CDN'de Web Dağıtımı Oluşturarak CDN URL'si Alın

Amazon Web Services'de (AWS) zaten bir hesabınız olduğunu varsayıyorum. Değilse, kaydolun ve CloudFront Konsolu'na gidin . Ardından, Web bölümünün altındaki Başlayın'a tıklayın .

Sizi bir dizi seçenek arasından seçim yapabileceğiniz tam sayfa seçeneklerine götürecektir. Basitleştirmek için CloudFront tarafından belirlenen varsayılan ayarları kullanacağım.

• Menşe Alan Adı: Web sitemin URL'si (wpcommunity.org)
• Menşe Yolu: Varsa, varlıklar için belirli yolu girin. (Boş bıraktım.)
• Menşe Kimliği: Bu hizmetin ne hakkında olduğuna dair basit bir açıklama girin.

Diğer tüm ayarlara dokunulmaz. Daha fazla yapılandırmak istiyorsanız, tüm bu seçeneklerin neler olduğunu açıklayan eksiksiz kılavuz burada . Aşağı kaydırın ve Dağıtım Oluştur'a tıklayın .

Sitenizin içeriğine bağlı olarak dağıtılması birkaç dakika sürecektir. İşlem tamamlandığında, sizi Alan Adını (CloudFront URL) bulacağınız ekrana götürecektir .

URL'yi Etki Alanı Adına kopyalayın ve Breeze'in CDN sekmesine gidin ve CDN Kök URL metin alanına yapıştırın .

• CDN'yi Etkinleştir : CDN'yi etkinleştirmek istiyorsanız bunu işaretleyin.
• CDN Kök URL : Oluşturulan dağıtımın URL'si. URL'ye HTTP / HTTPS eklemeyi unutmayın.
• CDN İçeriği : Bir CDN tarafından sunulmasını istediğiniz içeriğin dizinleri.
• İçeriği Hariç Tut : Birkaç dosya uzantısını veya CDN tarafından sunulmayacak dizinleri hariç tutmak istiyorsanız, bunları buraya girin.
• Göreli Yol : Dosya ve klasörlerin yapısını korumak için her zaman göreli yolun etkinleştirilmesi önerilir.

Hadi Test Edelim!

Sitenizin URL'sini ziyaret edin, kaynak kodunu görüntüleyin ve CloudFront'u arayın . CSS, JS ve görüntüler gibi tüm varlıkların CloudFront CDN tarafından sunulduğunu göreceksiniz.

6c. WordPress'e KeyCDN ekleyin

KeyCDN, piyasadaki önde gelen WordPress CDN sağlayıcılarından biridir. Tam bir hesap seçmeden önce hizmetlerini web sitenizde (ücretsiz deneme süresi boyunca) denemenizi öneririm.

Bu yazıda, tüm içeriğin CDN üzerinden sunulması için KeyCDn'yi Breeze önbellek eklentisine nasıl bağlayacağımı göstereceğim.

Öncelikle, gerekli birkaç ayrıntıyı doldurarak bir KeyCDN hesabına kaydolmam gerekiyor. İlk alana, KeyCDN ile bağlanmak istediğiniz web sitesi URL'sini girin ve e-posta ve kullanıcı kimlik bilgileri gibi diğer ayrıntıları girin.

Hesap Oluştur düğmesine tıkladıktan sonra bir doğrulama e-postası alacaksınız. Doğrulandıktan sonra KeyCDN panosunu göreceksiniz:

KeyCDN'ye Bölge Ekleyerek CDN URL'sini Alın

WordPress sitem hesabıma eklendi. Şimdi, sitemin URL'sine göre bir Bölge eklemem gerekiyor . Sol bölmeden Bölgeler sekmesine gidin ve sizden bölgeyi yapılandırmanız istenecektir.

• Bölge Adı: KeyCDN, varsayılan biçime sahip özel bir URL sağlar: http://xxx-yyy.kxcdn.com. XXXX, Bölge Adı alanına girdiğiniz addır. Benim örneğimde wp girdiğim için wp-yyy.kxcdn.com olacak.
• Bölge Durumu : Sitem herkese açık olacağı için durumu Aktif olarak ekleyeceğim.
• Zon Tipi : İtmeli veya çekmeli olmak üzere iki tip Zon vardır. Bölge türünün yanı sıra Gelişmiş Özellikleri Göster onay kutusunu da görebilirsiniz. Genişletin ve yapılandırın – yaptığınız işe yeterince güveniyorsanız! Aksi takdirde, varsayılan olarak bırakın.
• Origin URL : Bu Bölgeye bağlanmak istediğiniz web sitesinin URL'sini girin.

Bölgeyi kurduktan sonra Bölge sekmesine yönlendirileceksiniz ve orada aşağıdaki resimdeki gibi yeni oluşturulmuş bir Bölge göreceksiniz. Bölgemin durumu şu anda Deploying olarak ayarlandı . Bu, KeyCDN's Zone ile web sitesi arasındaki her şeyi kurduğu ve birbirine bağladığı anlamına gelir.

İşlem birkaç dakika sürebilir. Tamamlandığında, durum Active olarak değiştirilecektir . Aşağıdaki resimdeki gibi Yönet butonuna basarak önbelleği temizleyebilirsiniz .

KeyCDN'yi Breeze ile yapılandırın

Pekala, KeyCDN kurdum, bir Bölge oluşturdum ve Bölge URL'sini aldım.

Kopyalayın ve Breeze WordPress önbellek eklentisindeki CDN sekmesine gidin ve CDN Kök URL alanına yapıştırın .

Siteyi Test Edin

Bu noktada KeyCDN'yi uygun şekilde kurdum ve Breeze ile bağladım. CDN'nin web sitesine hizmet verip vermediğini kontrol edelim. Bunun için web sitenizi ziyaret edin ve CTRL+U (Chrome) tuşlarına basarak sayfanın kaynağını görüntüleyin . kxcdn için arama yapın ve CSS, JS ve Görsellerin KeyCDN aracılığıyla sunulduğunu görebilirsiniz.

Breeze bunlarla sınırlı değildir, herhangi bir varlık tabanlı CDN, Breeze ile kolayca yapılandırılabilir. WordPress CDN URL'sini almanız ve Breeze CDN sekmesine yapıştırmanız yeterlidir. Bu kadar!

Kapatıyorum!

Hızın genel dönüşümde ve sitenizin SEO sıralamasında nasıl önemli bir rol oynadığını gördük. İyi bir WordPress CDN'sine yatırım yapmak hiç de fena bir fikir değil. Cloudways kullanıcıları, CloudwaysCDN'yi panolarından kolayca entegre edebilir ve uygulama başına 25 GB için ekonomik 1 ABD doları tutarında ücretlendirilir. Ek tüketim yalnızca GB başına 0,04 ABD doları tutarındadır.