Minimierung der HTTP-Requests

Hallo Eugen

Dein Bild im Header besteht momentan wohl aus 3 Requests die man zusammenfassen könnte.

Bei dem Hintergrund im Footer frage ich mich ob der Farbverlauf nicht auch mit CSS ausreichend sein sollte. Unterstützt zwar derzeit jeder aktuelle Browser wäre aber eine Alternative diese Datei auch noch zu einem CSS Sprite mit den anderen Dateien zusammenzufassen.

Also wäre es gut erstmal zu wissen wie eine Lösung für ältere Browser aussehen sollte.

Für inline Images sind deine Dateien wahrscheinlich zu gross. Unter Umständen könnte ich mir den Button für den RSS Feed da vorstellen.

Es wäre also am besten du informierts dich zumindest über CSS Sprites und definierst mal genauer wie die Unterstützung älterer Browser aussehen sollte.

Es gäbe mehrere Möglichkeiten Requests jetzt einzusparen. Der beste Weg hängt aber auch davon ab, welche Vorgaben du definierst.

Gruß
Jörg

An dieser Stelle möchte ich mal zum Nachdenken anregen, warum viele kleine Bilder verwendet wurden. Das hat ja einen Grund.

Früher, als man noch mit ISDN oder analogen Modems unterwegs war, war es wichtig, dass Webseiten vom Design schnell geladen wurden. Hatte man sich auf ein großes Bild beschränkt, so dauerte es eine ganze Weile, bis man etwas vom Design sehen konnte. Meist wartete der Besucher diese Zeit nicht ab, sondern wechselte einfach zur nächsten Seite.

Man verwendete also einen psychologischen Trick und teilte ein großes Bild in mehrere kleinere Bilder. Wurde nun die Webseite geladen, konnte man sehr schnell etwas vom Design sehen und man wartete, bis der Aufbau vollständig abgeschlossen wurde.

Im heutigen Zeitalter vom HighSpeed-Internet stellt sich oftmals dieses Problem nicht mehr, doch denkt immer daran, dass es auch mobile Besucher gibt. Deren Surf-Geschwindigkeit ist deutlich langsamer und hier greifen die alten Algorithmen wie früher. Viele kleinere Bilder können den Aufbau der Webseite beschleunigen. Klar werden dadurch mehr Requests an den Server gestellt, doch beim erneuten Laden sind die Bilder ja bereits im Cache und brauchen nicht erneut geladen zu werden.

Fazit: Es kommt zwar immer auf das Projekt an, welches man umsetzen möchte, doch ich würde vielen kleineren Bildern den Vortritt lassen, anstelle von einem großen Bild.

Für Mobile Browser würde ich eine andere Webseite ausliefern …

Davon ab, hast du nicht die bedingten HTTP-Requests vergessen? Selbst wenn die Bilder im Cache sind, schickt der Client einen bedingen Requests um zu prüfen, ob der Cache gültig ist. Das macht bei vielen kleinen Bildern eine Menge Requests.