CDN:Performance optimization

Alibaba Cloud CDN, kaynak sunucunuzda değişiklik yapmadan sayfa yükleme sürelerini ve bant genişliği kullanımını azaltan bir dizi performans optimizasyonu özelliği sunar.

CDN, sayfa yükleme sürelerini ve bant genişliği tüketimini iki katmanda azaltan optimizasyon özellikleri sağlar:

• Sıkıştırma: Uç düğümler ile tarayıcılar arasında aktarılan metin tabanlı dosyaların ve görüntülerin boyutunu küçültün.

• Sayfa optimizasyonu: Dosyaları tarayıcılara sunmadan önce HTML, CSS ve JavaScript kodlarından gereksiz kısımları kaldırın.

İçerik türünüze ve performans hedeflerinize bağlı olarak bu özellikleri tek başına veya birlikte kullanabilirsiniz.

Sıkıştırma nasıl çalışır?

Bir tarayıcı bir kaynağı istediğinde, desteklediği sıkıştırma algoritmalarını (örneğin, br, gzip) listeleyen bir Accept-Encoding HTTP istek üst bilgisi gönderir. CDN bu üst bilgiyi okur ve tarayıcının açabileceği dosyanın en küçük sürümünü sunar.

İstek akışı şu şekilde işler:

1. Tarayıcı, uç düğüme Accept-Encoding: br, gzip içeren bir istek gönderir.

2. Uç düğüm, dosyanın sıkıştırılmış bir sürümünün önbellekte olup olmadığını kontrol eder.

3. Eğer yoksa, uç düğüm dosyayı kaynak sunucunuzdan alır.

4. Uç düğüm dosyayı sıkıştırır ve sonucu önbelleğe alır.

5. Uç düğüm, sıkıştırılmış dosyayı tarayıcıya döndürür.

Sıkıştırma özellikleri

Alibaba Cloud CDN aşağıdaki sıkıştırma özelliklerini destekler.

Akıllı sıkıştırma

Akıllı sıkıştırma, dosyaları tarayıcılara teslim etmeden önce Gzip veya Brotli kullanarak sıkıştırır. CDN, tarayıcının gönderdiği Accept-Encoding üst bilgisine göre algoritmayı seçer.

Sıkıştırma koşulları:

• Dosya boyutu: 1 KB ile 10 MB arasında

• Desteklenen dosya türleri: HTML, CSS, JavaScript, XML ve JSON gibi metin tabanlı dosyalar

CDN'in sıkıştırmadığı durumlar:

• Tarayıcı bir Accept-Encoding üst bilgisi içermiyor veya üst bilgide gzip ya da br listelenmiyor.

• Dosya zaten sıkıştırılmıştır (örneğin JPEG, PNG, MP4 veya ZIP dosyaları). Zaten sıkıştırılmış dosyaları tekrar sıkıştırmak dosya boyutunu artırır.

• Dosya 1 KB'den küçük veya 10 MB'den büyüktür.

Brotli ile Gzip karşılaştırması:

Tarayıcı her ikisini de desteklediğinde, CDN daha iyi sıkıştırma oranları için Brotli'yi tercih eder.

Otomatik sıkıştırma

Otomatik sıkıştırma, formatı veya boyutları değiştirmeden meta verileri kaldırarak ve kalite ayarlarını düzenleyerek görüntü dosyası boyutunu küçültür. Bu özellik, kaynak sunucunuzda depolanan görüntülere uygulanır ve metin tabanlı dosyaları hedefleyen akıllı sıkıştırmadan bağımsız olarak çalışır.

Sayfa optimizasyonu özellikleri

Sayfa optimizasyonu, kaynak dosyalardan boşluklar, yorumlar ve gereksiz biçimlendirme gibi fazla karakterleri kaldırır. Daha küçük dosyalar daha hızlı yüklenir ve tarayıcılara aktarılan veri miktarını azaltır.

Alibaba Cloud CDN üç dosya türü için optimizasyon destekler:

HTML optimizasyonu

HTML optimizasyonu, HTML dosyaları tarayıcıya ulaşmadan önce yorumları, fazla boşlukları ve boş satırları kaldırır. Bu işlem, sayfanın nasıl oluşturulduğunu veya davrandığını değiştirmeden dosya boyutunu küçültür.

HTML optimizasyonunu etkinleştirmek, büyük HTML yüküne sahip sayfalar için aşağıdaki performans ölçümlerini iyileştirir:

• İlk Bayt Süresi (TTFB): Daha küçük dosyalar daha hızlı aktarılır.

• İlk İçerikli Boyama (FCP): Tarayıcı içeriği daha erken ayrıştırıp oluşturabilir.

• En Büyük İçerikli Boyama (LCP): Azalan HTML boyutu, genel oluşturma işlem hattını kısaltır.

CSS optimizasyonu

CSS optimizasyonu, CSS dosyalarından yorumları, boşlukları ve gereksiz karakterleri kaldırır. Elde edilen dosya, orijinaliyle işlevsel olarak aynıdır ancak daha küçüktür.

JavaScript optimizasyonu

JavaScript optimizasyonu, JavaScript dosyalarından yorumları ve boşlukları kaldırır. Bu işlem, sayfa etkileşimli hale gelmeden önce tarayıcının indirip ayrıştırması gereken JavaScript miktarını azaltır.

URL ön getirme

URL ön getirme, kullanıcılar istemeden içeriği CDN uç düğümlerine önceden itmenize olanak tanır. İlk kullanıcının bir kaynak alımını tetiklemesini beklemek yerine, bir URL listesi gönderin ve CDN bu kaynakları proaktif olarak alıp önbelleğe alsın.

URL ön getirmeyi şu durumlarda kullanın:

• Yeni içerik (makaleler, ürün sayfaları, medya dosyaları) yayınlıyorsunuz ve bunların hemen uç düğümlerde kullanılabilir olmasını istiyorsunuz.

• Bir trafik artışını öngörüyor ve önbelleği önceden ısıtmak istiyorsunuz.

• Önbelleğe alınmış içeriği yakın zamanda temizlediniz ve kullanıcı trafiğini beklemeden uç düğümleri yeniden doldurmak istiyorsunuz.

URL ön getirme nasıl çalışır?:

1. CDN konsolu veya API aracılığıyla bir URL listesi gönderin.

2. CDN, her URL'yi kaynak sunucunuzdan alır.

3. CDN, alınan içeriği uç düğümlerde önbelleğe alır.

4. Sonraki kullanıcı istekleri uç önbellekten sunulur; kaynak alımı gerekmez.

URL ön getirme koşulları:

• Her URL'deki kaynağa CDN uç düğümünden herkese açık olarak erişilebilir olmalıdır.

• URL, Alibaba Cloud CDN'de yapılandırılmış bir hızlandırılmış alan adına ait olmalıdır.

• Ön getirme kotaları hesap başına uygulanır. Mevcut kotanızı ve kullanımınızı kontrol etmek için CDN konsoluna bakın.

Doğru özellikleri seçme

Özellikleri tek tek etkinleştirin ve ek özellikleri etkinleştirmeden önce önbellek isabet oranınız ve bant genişliği ölçümleriniz üzerindeki etkilerini izleyin.

Kullanım notları

• Kaynak sunucunuz yanıtları zaten sıkıştırıyorsa akıllı sıkıştırmayı etkinleştirmeyin. Kaynak sunucu Gzip kodlu bir dosya döndürür ve CDN bunu tekrar sıkıştırmaya çalışırsa, ortaya çıkan dosya bozulabilir veya orijinalinden daha büyük olabilir.

• Sayfa optimizasyonunu önce bir hazırlama ortamında test edin. Küçültme yalnızca boşlukları ve yorumları kaldırır, ancak bazı eski JavaScript dosyalarında boşluklar kaldırıldığında bozulan sözdizimi bulunur (örneğin, otomatik noktalı virgül eklemesine dayanan ve noktalı virgül içermeyen ifadeler).

• Akıllı sıkıştırma ve otomatik sıkıştırma bağımsız özelliklerdir. Birini etkinleştirmek diğerini etkinleştirmez. Metin dosyaları akıllı sıkıştırmadan geçerken görüntüler otomatik sıkıştırmadan geçer.

• URL ön getirme kaynak bant genişliğini tüketir. Her ön getirme isteği bir kaynak alımını tetikler. Kaynak sunucunuzu aşırı yüklememek için büyük hacimli içeriği yoğun olmayan saatlerde ön getirin.