HTTP-förfrågningar är hur webbläsare ber 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 URL: en. När HTML-filen levereras analyserar webbläsaren den och letar efter ytterligare förfrågningar om bilder, skript, CSS, Flash och så vidare.
Varje gång den ser en begäran om ett nytt element skickar den en ny HTTP-begäran till servern. Ju fler bilder, skript, CSS, Flash, etc. att din sida har fler förfrågningar kommer att göras och ju långsammare kommer dina sidor 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 bibehåller högkvalitativa, rikt webbdesign.
- Kombinera filer - Använder sig av externa stilark och skript är viktigt för att hindra dem från att ladda ner sidorna, 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 förvandlar du flera bildförfrågningar till bara en. Sedan använder du bara CSS-egenskapen för bakgrundsbild 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 cachelagring för att förbättra interna sidladdningstider
Genom att använda CSS-sprites och kombinerade CSS- och skriptfiler kan du också förbättra laddningstiderna för interna sidor. Till exempel om du har en sprite-bild som innehåller inslag av inre sidor såväl som din målsida, och sedan när dina läsare går till de interna sidorna har bilden redan laddats ner och i cache. Så de behöver inte heller en HTTP-begäran för att ladda dessa bilder på dina interiörsidor.