HTTP-förfrågningar är hur webbläsare frågar om att se dina sidor. När din webbsida laddas i en webbläsare skickar webbläsaren en HTTP-begäran till webbservern för sidan i webbadressen. Sedan, som HTML levereras, analyserar webbläsaren den och söker efter ytterligare förfrågningar om bilder, skript, CSS, Flash, och så vidare.
Varje gång det ser en begäran om ett nytt element skickar det en annan HTTP-begäran till servern. Ju fler bilder, skript, CSS, Flash etc. som din sida har desto fler önskemål kommer att göras och ju långsammare dina sidor kommer att laddas. Det enklaste sättet att minska antalet HTTP-förfrågningar på dina sidor är att inte använda många (eller några) bilder, skript, CSS, Flash etc. Men sidor som bara är text är tråkiga.
Hur man minskar HTTP-förfrågningar utan att förstöra din design
Lyckligtvis finns det flera sätt att minska antalet HTTP-förfrågningar, samtidigt som du behåller högkvalitativa, rika webbdesigner.
- Kombinera filer - Att använda externa stilark och skript är viktigt för att hindra dem från att svänga ner sidlastningstiderna, men har inte mer än en CSS och en skriptfil.
- Använd CSS Sprites - När du kombinerar de flesta eller alla dina bilder till en sprite, vänder du flera bilder begäranden till bara en. Då använder du bara CSS-egenskapen för bakgrundsbilden för att visa den del av bilden du behöver.
- Bildkartor - Bildkartor är inte lika populära som de en gång var, men när du har angränsande bilder kan de minska flera HTTP-bildförfrågningar ner till bara en.
Använd Caching för att förbättra interna sidladdningstider
Genom att använda CSS sprites och kombinerad CSS och skriptfiler kan du också förbättra belastningstider för interna sidor. Om du till exempel har en sprite-bild som innehåller inslag av interna sidor såväl som din målsida, så när dina läsare går till de inre sidorna, är bilden redan nedladdad och i cacheminnet. Så de behöver inte en HTTP-begäran om att ladda dessa bilder på dina inre sidor heller.
