Kuinka minimoida HTTP-pyynnöt latausaikojen parantamiseksi

click fraud protection

HTTP-pyynnöt ovat se, miten selaimet pyytävät katsomaan sivujasi. Kun verkkosivusi latautuu selaimessa, selain lähettää HTTP-pyynnön URL-osoitteessa olevan sivun web-palvelimelle. Sitten, kun HTML toimitetaan, selain jäsentää sen ja etsii lisäpyyntöjä kuville, skripteille, CSS, Flash ja niin edelleen.

Aina kun se näkee uuden elementin pyynnön, se lähettää uuden HTTP-pyynnön palvelimelle. Mitä enemmän kuvia, skriptejä, CSS: ää, Flashia jne. että sivullasi on enemmän pyyntöjä ja sitä hitaammin sivusi latautuvat. Helpoin tapa vähentää sivuillasi olevien HTTP-pyyntöjen määrää on olla käyttämättä monia (tai mitään) kuvia, komentosarjoja, CSS: ää, Flashia jne. Mutta vain teksti ovat sivuja.

Kuinka vähentää HTTP-pyyntöjä tuhoamatta suunnittelua

Onneksi on olemassa useita tapoja, joilla voit vähentää HTTP-pyyntöjen määrää säilyttäen samalla laadukkaan ja rikkaan verkkosuunnittelun.

  • Yhdistä tiedostot - Käyttämällä ulkoiset tyylisivut ja komentosarjat ovat tärkeitä, jotta ne eivät estä sivusi latausaikoja, mutta niillä ei ole enempää kuin yksi CSS ja yksi komentotiedosto.
  • instagram viewer
  • Käytä CSS Sprites -ohjelmaa - Kun yhdistät suurimman osan tai kaikki kuvistasi spriteiksi, muutat useita kuvapyyntöjä yhdeksi. Sitten käytät vain taustakuvan CSS-ominaisuutta näyttämään tarvitsemasi kuvan osa.
  • Kuvakartat - Kuvakartat eivät ole yhtä suosittuja kuin ennen, mutta kun sinulla on vierekkäisiä kuvia, ne voivat vähentää useita HTTP-kuvapyyntöjä yhdeksi.

Käytä välimuistia sisäisen sivun latausaikojen parantamiseen

Käyttämällä CSS-sprittejä ja yhdistettyjä CSS- ja komentotiedostoja voit myös parantaa sisäisten sivujen latausaikoja. Esimerkiksi, jos sinulla on sprite-kuva, joka sisältää sisustussivujen elementtejä sekä sinun aloitussivulle, sitten kun lukijasi siirtyvät kyseisille sisäisille sivuille, kuva on jo ladattu ja että kätkö. Joten he eivät myöskään tarvitse HTTP-pyyntöä näiden kuvien lataamiseksi sisätilasi sivuille.

instagram story viewer