Sayfalarınızdaki Bileşenlerin sayısını azaltın
HTTP istekleri, tarayıcıların sayfalarınızı nasıl görüntülediğidir. Web sayfanız bir tarayıcıda yüklendiğinde, tarayıcı URL'deki sayfa için web sunucusuna bir HTTP isteği gönderir. Ardından, HTML teslim edildiğinden, tarayıcı onu ayrıştırır ve görüntüler, komut dosyaları, CSS , Flash vb. Için ek istekler arar.
Yeni bir öğe için her istek geldiğinde, sunucuya başka bir HTTP isteği gönderir. Daha fazla resim, komut dosyası, CSS, Flash vb. Sayfanızın daha fazla istekte bulunacağı ve sayfalarınızın daha yavaş yükleneceği. Sayfalarınızdaki HTTP isteklerinin sayısını azaltmanın en kolay yolu, birçok (veya herhangi bir) görüntü, komut dosyası, CSS, Flash vb. Kullanmamaktır. Ancak sadece metin olan sayfalar sıkıcıdır.
Tasarımınızı Yok Etmeden HTTP Taleplerini Azaltma
Neyse ki, yüksek kaliteli, zengin web tasarımlarını korurken, HTTP isteklerinin sayısını azaltabileceğiniz çeşitli yollar vardır.
- Dosyaları Birleştir - Harici stil sayfalarını ve komut dosyalarını kullanmak, sayfa yükleme sürelerinizi aşağı çekmekten sakınmak için önemlidir, ancak birden fazla CSS ve bir komut dosyası dosyanız yoktur.
- CSS Sprite'ları Kullan - Resimlerinizin çoğunu veya tamamını bir hareketli grafiğe birleştirdiğinizde, birden çok görüntü isteğini yalnızca birine dönüştürürsünüz. Ardından ihtiyacınız olan görüntünün bölümünü görüntülemek için arka plan görüntüsü CSS özelliğini kullanın.
- Görüntü Haritaları - Resim haritaları bir zamanlar olduğu kadar popüler değildir, ancak bitişik resimleriniz olduğunda birden fazla HTTP görüntü talebini bir taneye indirgeyebilir.
Dahili Sayfa Yükleme Sürelerini İyileştirmek için Önbellek Kullanma
CSS spritelarını ve birleştirilmiş CSS ve komut dosyalarını kullanarak dahili sayfalar için yükleme sürelerini de geliştirebilirsiniz. Örneğin, iç sayfaların yanı sıra açılış sayfanızın öğelerini içeren hareketli bir resminiz varsa, okuyucularınız bu dahili sayfalara gittiğinde, resim zaten indirilir ve önbellekte . Dolayısıyla, bu görüntüleri iç sayfalarınızda da yüklemek için bir HTTP isteğine ihtiyaç duymayacaklar.