Pienennä sivujesi komponenttien määrää
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.
- Tiedostojen yhdistäminen - Ulkoisten tyyliarkkien ja komentosarvien käyttäminen on tärkeää, jotta ne eivät vaurioidu sivun latausaikoihin, mutta niissä on useita CSS- ja yksi komentotiedosto.
- Käytä CSS Sprites - 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.
- Kuvakartat - 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.