Yükleme Sürelerini İyileştirmek için HTTP İsteklerini En Aza İndirme

HTTP istekleri, tarayıcıların sayfalarınızı görüntülemeyi isteme şeklidir. Web sayfanız bir tarayıcıya yüklendiğinde, tarayıcı URL'deki sayfa için web sunucusuna bir HTTP isteği gönderir. Ardından, HTML teslim edildiğinde tarayıcı onu ayrıştırır ve resimler, komut dosyaları için ek istekler arar. CSS, Flash vb.

Yeni bir öğe için her istek gördüğünde, sunucuya başka bir HTTP isteği gönderir. Daha fazla resim, komut dosyası, CSS, Flash vb. sayfanızın daha fazla istekte bulunması ve sayfalarınızın daha yavaş yüklenmesini sağlar. Sayfalarınızdaki HTTP isteklerinin sayısını azaltmanın en kolay yolu, çok sayıda (veya herhangi bir) resim, komut dosyası, CSS, Flash vb. kullanmamaktır. Ancak sadece metin olan sayfalar sıkıcıdır.

Tasarımınızı Bozmadan HTTP İsteklerini Nasıl Azaltabilirsiniz?

Neyse ki, yüksek kaliteli, zengin web tasarımlarını korurken HTTP isteklerinin sayısını azaltmanın birkaç yolu vardır.

  • Dosyaları Birleştir - kullanma harici stil sayfaları ve komut dosyaları, sayfa yükleme sürelerinizi boğmalarını önlemek için önemlidir, ancak birden fazla CSS ve bir komut dosyası dosyası içermez.
    instagram viewer
  • CSS Sprite'ları kullanın – Görüntülerinizin çoğunu veya tamamını bir hareketli grafikte birleştirdiğinizde, birden fazla görüntü isteğini tek bir görüntüye 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.
  • Resim Haritaları – Görüntü haritaları eskisi kadar popüler değil, ancak bitişik görüntüleriniz olduğunda birden fazla HTTP görüntü isteğini yalnızca bir taneye indirebilirler.

Dahili Sayfa Yükleme Sürelerini İyileştirmek için Önbelleğe Alma Kullanın

CSS hareketli grafiklerini ve birleştirilmiş CSS ve komut dosyası dosyalarını kullanarak, dahili sayfalar için yükleme sürelerini de iyileştirebilirsiniz. Örneğin, iç sayfaların öğelerini içeren bir hareketli görüntü resminiz varsa, açılış sayfası, ardından okuyucularınız bu dahili sayfalara gittiğinde, resim zaten indirilir ve içinde önbellek. Bu nedenle, bu görüntüleri iç sayfalarınıza yüklemek için de bir HTTP isteğine ihtiyaç duymayacaklar.

instagram story viewer