HTTP-verzoeken zijn hoe browsers vragen om uw pagina's te bekijken. Wanneer uw webpagina in een browser wordt geladen, verzendt de browser een HTTP-aanvraag naar de webserver voor de pagina in de URL. Vervolgens, terwijl de HTML wordt afgeleverd, parseert de browser deze en zoekt naar extra aanvragen voor afbeeldingen, scripts, CSS, Flash, enzovoort.
Telkens wanneer het een aanvraag voor een nieuw element ziet, stuurt het een ander HTTP-verzoek naar de server. Naarmate er meer afbeeldingen, scripts, CSS, Flash enz. Op uw pagina staan, worden er meer verzoeken ingediend en worden uw pagina's langzamer geladen. De eenvoudigste manier om het aantal HTTP-verzoeken op uw pagina's te verminderen, is door niet veel (of enige) afbeeldingen, scripts, CSS, Flash, enz. Te gebruiken. Maar pagina's die alleen tekst zijn, zijn saai.
Hoe HTTP-verzoeken te verminderen zonder uw ontwerp te vernietigen
Gelukkig zijn er verschillende manieren waarop u het aantal HTTP-verzoeken kunt verminderen, terwijl u rijke webontwerpen van hoge kwaliteit behoudt.
- Bestanden combineren - Het gebruik van externe stylesheets en scripts is belangrijk om te voorkomen dat ze de laadtijden van uw pagina in de war houden, maar ze hebben niet meer dan één CSS- en één scriptbestand.
- Gebruik CSS Sprites - Wanneer u de meeste of alle afbeeldingen in een sprite combineert, converteert u meerdere afbeeldingen in slechts één. Gebruik vervolgens de CSS-eigenschap achtergrondafbeelding om het gedeelte van de afbeelding weer te geven dat u nodig hebt.
- Afbeeldingskaarten - Afbeeldingsmappen zijn niet zo populair als ze ooit waren, maar als je aaneengesloten afbeeldingen hebt, kunnen ze meerdere HTTP-beeldverzoeken terugbrengen tot slechts één.
Gebruik Caching om de laadtijd van interne pagina's te verbeteren
Door CSS-sprites en gecombineerde CSS- en scriptbestanden te gebruiken, kunt u ook de laadtijden voor interne pagina's verbeteren. Als u bijvoorbeeld een sprite-afbeelding hebt die elementen van binnenpagina's en uw bestemmingspagina bevat, wordt de afbeelding nu al gedownload en in de cache wanneer uw lezers naar die interne pagina's gaan. Ze hebben dus geen HTTP-verzoek nodig om die afbeeldingen ook op uw binnenpagina's te laden.
