Skip to main content

Kuinka minimoida HTTP-pyynnöt kuormitusajojen parantamiseksi

Suvi Heinola: Vastuullinen koiran hankinta (Kesäkuu 2026)

Suvi Heinola: Vastuullinen koiran hankinta (Kesäkuu 2026)
Anonim

HTTP-pyynnöt ovat, miten selaimet kysyvät sivujesi näkymistä. Kun verkkosivusi latautuu selaimessa, selain lähettää HTTP-pyynnön verkkosivustolle URL-sivun sivulle. Sen jälkeen, kun HTML toimitetaan, selain jäsentää sitä ja etsii lisäsovelluksia kuvista, komentosarjoista, CSS: stä, Flashista jne.

Aina kun se näkee uuden elementin pyynnön, se lähettää palvelimelle toisen HTTP-pyynnön. Lisää kuvia, komentosarjoja, CSS, Flash, jne., Että sivusi on enemmän pyyntöjä tehdään ja hitaampi sivut ladataan. Helpoin tapa vähentää sivujesi HTTP-pyyntöjen määrää on, että ei käytetä monta (tai mitään) kuvaa, komentosarjaa, CSS: tä, Flashia jne. Mutta vain tekstin sisältävät sivut ovat tylsiä.

Kuinka vähentää HTTP-pyyntöjä ilman suunnittelun tuhoamista

Onneksi on useita tapoja, joilla voit vähentää HTTP-pyyntöjen määrää samalla, kun säilytetään korkealaatuiset ja monipuoliset webmallit.

  • Yhdistä tiedostot - Ulkoisten tyyliarkkien ja komentosarjoiden käyttäminen on tärkeää, jotta ne eivät loukkaisi sivusi latausaikoja, mutta niillä ei ole useampia kuin yhtä CSS- ja yhtä komentotiedostoa.
  • Käytä CSS-spritejä - Kun yhdistät useimmat tai kaikki kuvasi spriteiksi, käännät useita kuvia koskevia pyyntöjä vain yhteen. Sitten käytät vain taustakuvan CSS-ominaisuutta näyttämään haluamasi kuvan osa.
  • Kuvan kartat - Kuvakartat eivät ole yhtä suosittuja kuin aiemmin, mutta kun sinulla on vierekkäisiä kuvia, ne voivat vähentää useita HTTP-kuvatiedostoja vain yhteen.

Sisäisen sivun latausaikojen parantaminen käyttämällä välimuistia

Käyttämällä CSS-sprittejä ja yhdistettyjä CSS- ja komentotiedostoja voit myös parantaa sisäisten sivujen latausaikoja. Jos esimerkiksi sinulla on sprite-kuva, joka sisältää sisustussivun elementtejä sekä aloitussivusi, silloin kun lukijat siirtyvät kyseisiin sisäisiin sivuihin, kuva on jo ladattu ja välimuisti. Niinpä he eivät tarvitse HTTP-pyyntöä ladata näitä kuvia sisäisillä sivuillasi.