HTTP-Anfragen sind die Art und Weise, wie Browser Ihre Seiten anzeigen. Wenn Ihre Webseite in einem Browser geladen wird, sendet der Browser eine HTTP-Anfrage für die Seite in der URL an den Webserver. Dann, während der HTML-Code geliefert wird, analysiert der Browser ihn und sucht nach zusätzlichen Anforderungen für Bilder, Skripte, CSS, Blitz und so weiter.
Jedes Mal, wenn es eine Anforderung für ein neues Element sieht, sendet es eine weitere HTTP-Anfrage an den Server. Je mehr Bilder, Skripte, CSS, Flash usw. dass Ihre Seite hat, desto mehr Anfragen werden gestellt und desto langsamer werden Ihre Seiten geladen. Der einfachste Weg, die Anzahl der HTTP-Anfragen auf Ihren Seiten zu reduzieren, besteht darin, nicht viele (oder keine) Bilder, Skripte, CSS, Flash usw. zu verwenden. Aber Seiten, die nur aus Text bestehen, sind langweilig.
So reduzieren Sie HTTP-Anfragen, ohne Ihr Design zu zerstören
Glücklicherweise gibt es mehrere Möglichkeiten, die Anzahl der HTTP-Anfragen zu reduzieren und gleichzeitig hochwertige, reichhaltige Webdesigns zu erhalten.
- Dateien kombinieren – Verwenden von externe Stylesheets und Skripte ist wichtig, damit sie Ihre Seitenladezeiten nicht verlangsamen, aber nicht mehr als eine CSS- und eine Skriptdatei haben.
- CSS-Sprites verwenden – Wenn Sie die meisten oder alle Ihre Bilder zu einem Sprite kombinieren, verwandeln Sie mehrere Bildanfragen in nur eine. Dann verwenden Sie einfach die CSS-Eigenschaft background-image, um den gewünschten Bildausschnitt anzuzeigen.
- Imagemaps – Imagemaps sind nicht mehr so beliebt wie früher, aber wenn Sie zusammenhängende Bilder haben, können sie mehrere HTTP-Bildanfragen auf nur eine reduzieren.
Verwenden Sie Caching, um die Ladezeiten interner Seiten zu verbessern
Durch die Verwendung von CSS-Sprites und kombinierten CSS- und Skriptdateien können Sie auch die Ladezeiten für interne Seiten verbessern. Wenn Sie beispielsweise ein Sprite-Bild haben, das Elemente von Innenseiten sowie Ihre Landingpage, wenn Ihre Leser diese internen Seiten besuchen, ist das Bild bereits heruntergeladen und in dem Zwischenspeicher. Sie benötigen also auch keine HTTP-Anfrage, um diese Bilder auf Ihre Innenseiten zu laden.