HTTP-verzoeken zijn hoe browsers vragen om uw pagina's te bekijken. Wanneer uw webpagina in een browser wordt geladen, stuurt de browser een HTTP-verzoek naar de webserver voor de pagina in de URL. Vervolgens, terwijl de HTML wordt afgeleverd, parseert de browser deze en zoekt naar aanvullende verzoeken voor afbeeldingen, scripts, CSS, Flash, enzovoort.
Elke keer dat het een verzoek voor een nieuw element ziet, stuurt het een ander HTTP-verzoek naar de server. Hoe meer afbeeldingen, scripts, CSS, Flash, etc. dat uw pagina heeft, hoe meer verzoeken er zullen worden gedaan en hoe langzamer uw pagina's worden geladen. De eenvoudigste manier om het aantal HTTP-verzoeken op uw pagina's te verminderen, is door niet veel (of geen) afbeeldingen, scripts, CSS, Flash, enz. te gebruiken. Maar pagina's die alleen maar 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 hoogwaardige, rijke webontwerpen behoudt.
- Bestanden combineren - Gebruik makend van externe stijlbladen en scripts is belangrijk om te voorkomen dat ze de laadtijden van uw pagina's vertragen, maar hebben niet meer dan één CSS en één scriptbestand.
- CSS-sprites gebruiken - Wanneer u de meeste of al uw afbeeldingen combineert tot een sprite, verandert u meerdere afbeeldingsverzoeken in slechts één. Vervolgens gebruikt u gewoon de CSS-eigenschap van de achtergrondafbeelding om het gedeelte van de afbeelding weer te geven dat u nodig hebt.
- Afbeeldingskaarten – Image maps zijn niet zo populair als ze ooit waren, maar als je aaneengesloten afbeeldingen hebt, kunnen ze meerdere HTTP-afbeeldingsverzoeken terugbrengen tot slechts één.
Caching gebruiken om de laadtijden 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 heeft die zowel elementen van binnenpagina's als uw bestemmingspagina, en wanneer uw lezers naar die interne pagina's gaan, is de afbeelding al gedownload en in de cache. Ze hebben dus ook geen HTTP-verzoek nodig om die afbeeldingen op uw interieurpagina's te laden.