Bant genişliğini azaltmada etkili yöntemler (ve böylece sayfa yükleme süreleri)?

Herhangi bir web sitesi tarafından kolayca uygulanabilen birkaç temel yöntem:

• İsteği yapan tarayıcı destekliyorsa, HTML, CSS ve Javascript’inizi deflate veya gzip ile sıkıştırın.
• Javascript'inizi Google Closure Compiler ile küçültün
• Css'ınızı küçültün YUI Compressor

Biraz daha ilgili:

• Bir sayfa veya görüntünün değişmesi muhtemel değilse, tarayıcıya önbelleklemesini söyleyin. Çoğu web sunucusu bunu zaten statik dosyalar için yapar, bu nedenle tek yapmanız gereken, dinamik komut dosyalarınıza mümkün olanı eklemektir.
• CSS ve JS dosyalarınızı otomatik olarak tek bir dosyada birleştirin . Bu, HTTP isteklerini azalttığından (ek yükü olan ve bazı aptal tarayıcıların - ve Internet Explorer demek istediğim - etki alanı başına bir anda varsayılan 2 isteği sınırlamasının) avantajlıdır.
• Statik dosyalarınızı (CSS, JS, resimler vb.) Ayrı bir etki alanı adına taşıyın. Bu, çerez bilgisinin HTTP isteğinde gönderilmemesine neden olur.

• Otomatik olarak oluşturulan spriteları kullanın . Sprite, çok sayıda simge veya diğer küçük görüntüleri içeren tek bir görüntüdür; daha sonra CSS background özelliği ile hangi görüntünün gösterileceğini seçersiniz. Örnek .

  Bunun avantajı, istemcinin daha az HTTP isteği yapmasıdır (ek yükü vardır).

"Otomatik olarak" kalındı ​​çünkü bunları manuel olarak yapıyorsanız kesinlikle buna değmez ve kod bakımını kabus yapar. Genellikle otomatik olarak yapmak, özel bir komut dosyası yazmak anlamına gelir; bu nedenle "biraz daha fazla yer alır",