4. İçerik Dağıtım Ağı (CDN)

Bu kılavuz, Smush Pro ve Hummingbird Pro eklentileri ile kullanılabilen BROUAVO İçerik Dağıtım Ağı'nı (CDN) kapsamaktadır. Belirli bölümlere gitmek için soldaki dizini kullanın.

Bu kılavuz şunları sağlar:

• Kısa bir tanım
• Smush ve Hummingbird'de BROUAVO CDN nasıl etkinleştirilir
• Bant genişliği nasıl takip edilir ve artırılır
• CDN'in çalıştığını doğrulama ve sorun giderme ipuçları
• Teknik özellikler
• BROUAVO CDN kullanım notları

4.1 CDN nedir?

İçerik dağıtım ağı (CDN), dünyanın dört bir yanına dağıtılmış yüksek performanslı sunuculardan oluşan bir ağdır. İçeriğinizi coğrafi olarak daha yakın sunuculardan depolayıp ziyaretçilerinizle paylaşarak kullanılabilirliği ve site performansını artırmak için tasarlanmıştır.

CDN'ler, web nesneleri ve medya dosyalarından yazılım ve uygulamalara kadar çeşitli içerikleri sunmak için kullanılabilir. BROUAVO CDN özellikle görüntüleri ve web nesnelerini (CSS, JS, komut dosyaları ve diğer desteklenen dosyalar) sunmak içindir.

CDN'lerin faydaları, bir CDN'in nasıl çalıştığı ve CDN incelemeleri hakkında daha genel bilgi için aşağıdaki videoyu izleyin ve blogumuzu kontrol edin.

4.2 BROUAVO CDN Nasıl Etkinleştirilir

BROUAVO CDN, JS ve CSS dosyaları gibi görüntüleri ve statik varlıkları sunacak şekilde yapılandırılabilir. Görüntü CDN ayarları Smush Pro eklentisinde ve web nesnesi ayarları Hummingbird Pro'da bulunur.

ÖNEMLİ

Cloudflare gibi üçüncü taraf bir CDN kullanmayı tercih ederseniz, sundukları içeriğin BROUAVO CDN'den veya sitenin birincil sunucusundan sunulan içerikle çakışmadığından emin olun. Aynı içeriği sunmaya çalışan birden fazla CDN'nin sorunlara neden olacağı kesindir.

4.2.1 Smush Pro

Bu bölümde Smush CDN'in etkinleştirilmesi ele alınacaktır. Smush Pro'yu yapılandırmaya yönelik eksiksiz bir kılavuz için Smush kullanım belgeleri ve ücretsiz görüntü optimizasyonu hakkında daha fazla bilgi edinin Görüntü Optimizasyonu için Nihai Kılavuz.

Önerilen Okumalar

Blog yazımız, Smush ile Google'ın Görsel Sayfa Hızı Önerilerinde Nasıl Başarılı Olabilirsiniz?Google Sayfa Hızı puanınızı doğrudan etkileyen Smush özelliklerine odaklanmaktadır.

Smush CDN'in yalnızca Pro sürümle birlikte kullanılabildiğini unutmayın.

Görüntü CDN'sini etkinleştirmek için Smush Pro panosunda, Yönetici Menüsündeki CDN sekmesine tıklayın ve ardından Başlayın'a tıklayın.

"Medyanız şu anda BROUAVO CDN'den sunuluyor." mesajı CDN'iniz başarıyla çalıştığında görüntülenecektir.

Resimlerinizi ziyaretçilerinize daha yakın sunmanın yanı sıra, Smush Pro resim CDN'i şunları içerir:

• Otomatik yeniden boyutlandırma - Resimleriniz kaplarıyla eşleşmiyorsa, otomatik olarak doğru boyutta bir resim sunacağız.
• WebP Dönüştürme - Görüntülerinizi otomatik olarak WebP NextGen formatına dönüştürün ve uyumlu tarayıcılara sunun.

Smush Image CDN aşağıdaki dosya formatlarını destekler:

• JPG
• PNG
• GIF
• WebP

Resminizin Smush CDN'den sunulduğunu doğrulamak için Chrome veya Firefox'ta resme sağ tıklayın ve İncele'ye tıklayın. Smush CDN tarafından sunulan görseller şu şekilde başlar xxxxxx.smushcdn.com.

4.2.2 Hummingbird Pro

Bu bölüm, Hummingbird Pro CDN'i hızlı bir şekilde etkinleştirmek için rehberlik sağlar. Bizim bakın Sinek Kuşu Eklentinin diğer özelliklerini yapılandırırken rehberlik için kullanım belgeleri ve öğrenmek için blogu ziyaret edin WordPress Performansını İyileştirmek için Google'ın Hız Endeksi Nasıl Kullanılır?.

Hummingbird CDN'in yalnızca Pro sürümle birlikte kullanılabildiğini unutmayın.

Hummingbird CDN'yi etkinleştirmek için Hummingbird Pro Panosundan Varlık Optimizasyonu'na ve ardından BROUAVO CDN'yi Etkinleştir'e tıklayın.

CDN'in etkinleştirilmesi, CSS ve JS dosyalarınızı BROUAVO CDN'den sunarak sunucunuzun yükünü hafifletir, böylece sayfalar ziyaretçileriniz için daha hızlı yüklenir.

Dosyalarınızın Hummingbird CDN'den sunulduğunu doğrulamak için Chrome veya Firefox'ta sayfaya sağ tıklayın ve Sayfa Kaynağını Görüntüle'ye tıklayın. hb.brouavocdn.com kaynak kodunu aramak için Cmnd+f veya ctrl+f tuşlarını kullanın.

BROUAVO CDN'den sunulan CSS ve JS dosyaları şu şekilde başlar hb.brouavocdn.com

4.2.3 BROUAVO Hosting

NOT

BROUAVO CDN, web siteleri için Hummingbird Pro ve Smush Pro eklenti ayarlarından etkinleştirilir BROUAVO ile ağırlandı. Yukarıdaki adımları takip edin.

4.3 Bant Genişliği, İzleme ve Yükseltmeler

BROUAVO planınıza bir BROUAVO CDN bant genişliği tahsisatı dahildir. Dahil edilen Bant Genişliği miktarı seçtiğiniz hesaba bağlı olacaktır. Ek Smush bant genişliği şu adresten satın alınabilir Hesap sayfanızın Eklentiler bölümü.

Değerli bant genişliğinizi hangi sitelerin tükettiğini görmek istiyorsanız, Hub hesabınızdaki kullanım grafiğinizi kontrol edebilirsiniz. Hesabınıza tıklayın hesap gravatarı Hub'ın sağ üst köşesinde Hesabım. Sonra da Eklentiler bölümünde, tıklayın İstatistikleri Görüntüle görüntülemek için Smush CDN'nin yanında Siteye Göre Bant Genişliği Payı Grafik.

Bu grafik, site başına tüketilen bant genişliği payının bir tahminidir. Yalnızca geçerli takvim ayı için her gün tüm sitelerinizdeki en iyi 50 dosyaya dayanmaktadır.

4.3.1 Hummingbird Pro Bant Genişliği

Hummingbird Pro, CSS ve JS dosyaları için sınırsız BROUAVO bant genişliği içerir. Aşım, yükseltme veya kullanımı takip etme ihtiyacı yoktur.

4.3.2 Smush Pro CDN Bant Genişliği

Smush CDN bant genişliği, üyeliğinize dahil olan Hummingbird bant genişliğinden ayrı olarak hesaplanır.

Smush CDN için bant genişliği geçerli takvim ayı için ölçülür. Ağ, Smush CDN'in aktif olduğu hesabınızdaki tüm siteler tarafından her gün kullanılan toplam bant genişliği miktarını izler.

Bu kontrol, hesabınızın geçerli ay içinde bant genişliği sınırını aştığını tespit ederse, CDN tüm sitelerde otomatik olarak devre dışı bırakılır. Böyle bir durumda görüntüler yerel olarak depolanan dosyalardan sunulmaya başlar, böylece ziyaretçiler site sayfalarınızda eksik görüntü içeriği görmezler.

Ancak bazı sayfa oluşturucuların ve/veya önbellek eklentilerinin CDN URL'lerini önbelleğe almış olabileceğini unutmayın; bu nedenle sitelerinizde bozuk görüntüler görürseniz tüm önbellekleri temizlemeniz gerekir.

Devre dışı bırakılan bir CDN, bir sonraki takvim ayının 1'inde otomatik olarak yeniden etkinleştirilecek ve CDN bant genişliği bu tarihte sıfırlanacaktır. CDN'yi şu şekilde de yeniden etkinleştirebilirsiniz mevcut bant genişliğinizi artırmak.

4.3.3 Bant Genişliğinin Artırılması

Hesabınızın Eklentiler bölümünden kullanımı izleyebilir ve bant genişliği sınırını artırabilirsiniz. Sağ üst köşedeki avatarınıza tıklayın ve Hesabım açılır menüsünden seçin.

Sonra, altında Eklentiler sekmesine tıklayın, ardından Yönetmek Smush CDN satırındaki bağlantı.

Bu, büyüyen ihtiyaçlarınıza en uygun bant genişliği yükseltme paketini seçebileceğiniz modal bir pencere açacaktır.

Mevcut Smush CDN Yükseltme Planları:

• 50GB/ay
• 100GB/ay
• 250GB/ay
• 500GB/ay
• 1TB/ay
• 5TB/ay
• 10TB/ay

Smush CDN bant genişliği planınız istediğiniz zaman yükseltilebilir veya düşürülebilir.

4.4 BROUAVO CDN Teknik Özellikleri

BROUAVO CDN şunları içerir:

• 123 Sunucu konumları - Daha hızlı yüklenen siteler, ziyaretçilere mümkün olduğunca yakın servis edilir, ortalama 24 ms küresel gecikme süresi.
• +150 Tbps aktarım hızı - En üst düzey AMD ve NVMe donanımıyla teslimatı optimize edin ve gecikme süresini azaltın.
• 1. Kademe Küresel Ağ - 3000'den fazla İSS ve 14 Tier 1 transit sağlayıcı aracılığıyla daha geniş kapsama alanı elde edin ve kullanıcılara daha hızlı bağlanın.
• Birleştirme Talebi - Aynı kaynağa giden birden fazla isteği birleştirerek sunucu yükünü azaltır.
• Akıllı Yönlendirme - Kullanıcıları içeriğinize göre otomatik olarak önemli yerlere yönlendirin.
• Uçtan uca şifreleme - Verileriniz her zaman güvende ve emniyettedir. Tüm ağ trafiği TLS ile şifrelenmiştir.
• Yerleşik DDoS koruması - Yerleşik DDoS koruması ile kesinti süresini azaltın ve site güvenliğini artırın.

Kenar konumları:

4.5 Önemli Notlar

• Cloudflare, S3 veya başka bir 3. taraf CDN kullanıyorsanız, Smush Pro veya Hummingbird Pro'da BROUAVO CDN'yi çalıştırmadan önce çakışan özellikleri devre dışı bırakın. Birden fazla CDN'den içerik sunmaya çalışmak görünümünüzün bozulmasına neden olacaktır.
• CDN, herkesin erişimine açık olmayan bir hazırlama ortamında çalışmayacaktır. Buna BROUAVO Hosting dahildir.
• BROUAVO Hosting bant genişliği ve BROUAVO CDN bant genişliği ayrı ayrı izlenir.
• CDN içeriği HTTPS üzerinden sunulur.
• BROUAVO CDN JPG, PNG, GIF, WebP, CSS ve JS dosyalarını destekler.
• Bant genişliği kullanımı mevcut takvim ayı için ölçülür ve her ayın 1. gününde sıfırlanır. Otomatik aşım ücreti alınmaz. Belirli bir günde bant genişliği sınırınıza ulaşırsanız, CDN'niz bir sonraki ayın 1'ine kadar veya bant genişliği tahsisatınızı yükseltirseniz devre dışı kalır.
• CDN, BROUAVO tarafından barındırılan sitelerde varsayılan olarak etkin değildir.
• BROUAVO CDN, tüm ağ genelinde Çoklu Site uyumludur.
• Hem Smush CDN hem de Hummingbird CDN için Dashboard Eklentisi ve sitenin Hub'da kayıtlı olması gerekir.

4.6 Üçüncü taraf CDN'ler

Smush Pro ve Hummingbird Pro birlikte çalışmak üzere tasarlanmıştır ve bunların kullanılmasını şiddetle tavsiye ediyoruz. Ancak üyeler isterlerse başka bir CDN kullanabilirler.

Smush ayrıca Amazon S3 görüntü CDN ile entegrasyon içerir. Sorularınız varsa veya Amazon S3 ile entegrasyon konusunda yardıma ihtiyacınız varsa destek ekibiyle iletişime geçin.

ÖNEMLİ

Üçüncü taraf CDN'leri kullanmayı tercih eden üyeler, sundukları içeriğin başka bir CDN'den veya sitenin birincil sunucusundan sunulan içerikle çakışmadığından emin olmalıdır. Örneğin, Smush CDN yalnızca görüntü sunarken, Hummingbird CDN görüntüler dışında hemen hemen her içeriği sunar, bu nedenle birlikte iyi çalışırlar. Aynı içeriği sunmaya çalışan birden fazla CDN'in sorunlara neden olacağı kesindir.

4.7 Smush CDN Sorun Giderme

Üyeler aşağıdakilere davetlidir iletişim desteği Smush CDN ile ilgili herhangi bir sorunu çözme konusunda yardım için. Bununla birlikte, kullanıcıların kendi başlarına deneyebilecekleri bazı sorun giderme görevleri vardır.

4.7.1 API durum sorgusu

Birçok CDN sorununun nedeni, API'de durum sorgulaması yapılarak hızlı bir şekilde tespit edilebilir.

Sorguyu çalıştırmadan önce, sitenin ilk değerlendirmesini yapın:

• Tarayıcı konsol sayfasında herhangi bir sorun olmadığını doğrulayın.
• Smush'ta CDN'nin etkin olduğunu doğrulayın.

Sorguyu çalıştırma

CDN durumunuzu sorgulamak için aşağıdaki bağlantıyı bir tarayıcıya yapıştırın, kalın metni BROUAVO API anahtarınız ve resimde gösterildiği gibi bir alan adı ile değiştirin.

Çoklu site ağları için, yalnızca ana etki alanının etki alanını girin. Bant genişliği tek bir siteye değil, bir kullanıcı hesabına (API) bağlı olduğundan, bir alt site girmek sadece o sitenin kullanımını döndürmez.
https://brouavo.com/api/smush/v1/check/api_key/?domain=etki alanı

API anahtarınızı bulma

BROUAVO API anahtarınız birkaç yerde bulunabilir. Hub'ınıza bağlı herhangi bir sitedeki BROUAVO Panosunun Ayarlar Sekmesi altında bulabilirsiniz.

API anahtarınız da hesap sayfanızda yer almaktadır. Tarayıcınızın sağ üst köşesindeki avatarınıza tıklayın, ardından Hesabım. API Anahtarınızı şurada bulabilirsiniz Ayrıntılar & API Anahtarı sekmesi.

Durum raporu

API'yi ve söz konusu alan adını bağlantıya ekleyin ve ardından bağlantıyı tarayıcınıza yerleştirin. Tarayıcınızda aşağıdaki görseldekine benzer bir durum raporu dönecektir.

Smush CDN'in düzgün çalışması için belirli koşulların karşılanması gerekir ve durum raporu her koşul için durum göstergeleri içerir.

{
"başarı":doğru,
"veri":{
"limit":32,
"cdn_enabled":true,
"site_id": "1311932",
"endpoint_url":"743247.smushcdn.com"
"bandwidth_plan":10,
"bandwidth":"17706999",
"hit": "392",
"cache_misses": "314"
}
}

Durum 1

Geçerli takvim ayı boyunca ilgili hesap tarafından kullanılan bant genişliği, bant genişliği planı sınırını aşamaz.

Şuradan görebiliriz "bandwidth_plan":10, Yukarıdaki raporda bu hesabın varsayılan 10GB planında olduğunu görebilirsiniz. Bu veri, kullanım göstergesi ile birlikte (aşağıya bakın), bant genişliğinizi aşıp aşmadığınızı veya buna yaklaşıp yaklaşmadığınızı belirlemenizi sağlar. Belki de planınızı yükselttiğiniz için daha fazla bant genişliği görmeyi beklediyseniz ve bu durum buraya yansımadıysa, muhtemelen bir faturalandırma sorunu vardır.

Şuradan görebiliriz "bandwidth":"17706999", bu üyenin 10GB'ının sadece 1.7GB'ı kullanılmış. Yani, burada bant genişliği sınırı sorunu yok.

Durum 2

Site veya ağ kimliği tanımlanmalıdır.

Şuradan görebiliriz "site_id": "1311932", bir site kimliğinin mevcut olduğunu gösterir. Eğer buradaki durum "site_id":false, CDN'in çalışmasını engelleyecek bir durum yoktur. Site kimliği eklendikten sonra, CDN devre dışı bırakılsa bile tekrar yanlış olması için hiçbir neden yoktur. Yanlış bir kimlik durumu, bir API cron sorununa işaret eder. Destek, kullanıcı için bir bölgenin oluşturulduğunu ve düzgün çalıştığını doğrulayabilir.

Koşul 3

CDN'nin etkinleştirilmesi gerekir.

Şuradan görebiliriz "cdn_enabled":true, CDN'nin bu kullanıcı için etkinleştirildiğini. Bu nedenle, "cdn_enabled":false, bu kullanıcı için CDN'in devre dışı bırakıldığını gösterir. Bu durum doğruysa ve örneğin resimleriniz Smush'tan sunulmuyorsa, sorunun büyük olasılıkla Smush'ta olduğunu bilirsiniz, çünkü CDN tamamen iyidir.

4.7.2 Saha Geçişi

Sitenizi bir barındırıcıdan diğerine taşırken işler genellikle önbellekte takılı kalır.

Smush Pro ve/veya Hummingbird Pro'da BROUAVO CDN'nin etkin olduğu bir web sitesini taşıdıktan sonra, CDN özelliklerini devre dışı bırakın, sitedeki TÜM önbellekleri temizleyin ve ardından CDN'leri yeniden etkinleştirin.

4.7.3 Görüntüleri Değiştirme

Sitenizdeki bir resim dosyasını CDN tarafından önbelleğe alınmış bir dosyayla aynı adla değiştirirseniz, önbelleğe alınmış eski sürüm sunulmaya devam eder.

Bu nedenle, CDN tarafından önbelleğe alınmış bir veya daha fazla görüntüyü değiştirmeniz gerekiyorsa, bunları orijinallerinden farklı dosya adlarıyla yüklediğinizden emin olmanız gerekir.

Bu şekilde, yeni görüntüler önbelleğe alınacak ve eskileri yerine CDN tarafından teslim edilecektir.

4.8 Destek Alın

Bu belgeyi okuduktan sonra hala sorularınız varsa veya yardıma ihtiyacınız varsa, lütfen aşağıdaki seçenekleri kullanarak destek süper kahramanlarımızla iletişime geçmekten çekinmeyin Hub'ınızdaki Destek sekmesi veya aracılığıyla BROUAVO Kontrol Panelinizdeki Destek sekmesi.