In Bezug auf die Verbesserung der Performance stellen oftmals die verwendeten Bilder das größte Einsparpotential dar. Mit der hier bereits angesprochen Browser-Extension YSlow kann man die Ladezeit von Webseiten spürbar verbessern, da damit die Bilder mit einer Dateikomprimierung teilweise sehr stark optimiert werden können.

Die Anleitung des verlinkten Artikels sollte schnell zu ersten Erfolgen führen können.

Viel Erfolg dabei!

Hallo,
ich hätte zum unschönen Übergang zwischen den Seiten die Frage,
was ich davon halten soll, daß die seite zwar in ff, chrome und safari gut aussieht, das heißt die Hintergrundbilder bleiben stehen und nur was sich ändert wird geladen - passt soweit - ABER im IE sieht es unmöglich aus.

Bei jedem Seitenwechsel verschwinden alle Hintergrundbilder der dunkle bodybackground wird sichtbar und dann klatscht sich der helle contenthintergrund wieder drüber. Gibt es eine Möglichkeit, das auszubügeln?
Die Hintergründe sind alle in der css definiert und die wird ganz am Anfang geladen.

vielen Dank für einen tipp!
Irmen

So ist das Internet.
Jemand der einen IE benutzt wird das vermutlich auf jeder Seite so sehen, es wird ihn also nicht stören. Es stört ja nur dich, weil du es nicht gewohnt bist.

Ja, würde ich auch sagen. Aber bitte in Zukunft für neue Fragen einen neuen Thread erstellen.

Ein toller Tipp, den ich momentan gut gebrauchen kann

Danke,
Luisa

__________________
Wer andauernd begreift, was er tut, bleibt unter seinem Niveau.
(Martin Walser)

Hallo, könnte jemand genauer erklären wie das funktioniert? Wird die Datei zeitweise stark verkleinert?

__________________
Klassiker

Nein. Es gibt verschiedene Tools mit denen man die Ladezeit von Dateien messen kann.
Ob du nun Photoshop, Gimp oder IrfanView zum verkleinern von Bildern nimmst hängt von deinem Geldbeutel bzw. Verständnis für das jeweilige Programm ab.

Bilder werden für die Anzeige neu erstellt, so das beim laden des Bildes der Browser nicht die Bilder neu berechnen muss.
JS -Dateien werden erst zum Schluss geladen usw. Siehe die ersten Posts zu diesen Thema.
MfG gabischatz

Grundsätzlich würde ich echt immer Bilder verkleinern. Gerade bei vielen Wordpress Blogs fällt auf, dass die Grafiken in groß geladen werden, der Code sie aber verkleinert. Das ist natürlich ein Hinderniss (vor allem wenn man die Seite mit dem Smartphone etc besucht).

__________________
_____
Einmal SEO, immer SEO !

Zur Ergänzung noch folgende Tipps:

- Ladereihenfolge beachten:
Werden Bilder über CSS aufgerufen (z.B. Hintergrundbilder), werden diese üblicherweise nach dem Laden der aus dem HTML aufgerufenen Bilder geladen.
Also große Bilder entsprechend ins CSS auslagern.
Das hilft natürlich nichts für die tatsächliche Ladezeit, jedoch sieht der menschliche Seitenbesucher schneller die restlichen Inhalte, bevor das entsprechende Bild nachgeladen wird (gefühlt schneller).

- Ein Bild, das z.B. ein Foto und einen Schriftzug enthält, und das wegen des Textes nicht so stark komprimiert werden kann (weil der Text beim Komprimieren unscharf wird), kann man gut aufteilen in zwei Bilder (nebeneinander oder auch übereinander).

__________________
So schreibst Du gute Webseiten-Texte - mein Buch hier kostenfrei probelesen: Werbetexte schreiben.

Die Tipps finde ich beide semantisch fragwürdig.

Wenn ein Bild Content ist, ist es Content. Dann sollte es auch in einem img-Element stehen. Ansonsten eben per CSS. Die Entscheidung von der Bildgröße abhängig zu machen, halte ich für falsch.

Die zweite Sache kann man mit Abstrichen sicherlich so machen. Wirklich glücklich bin ich damit prinzipiell aber nicht, denn grundsätzlich sind Bild+Schriftzug entweder eine Einheit oder sie sind keine. In beiden Fällen stellt sich die Frage einer etwaigen Aufteilung dann gar nicht. Auch hier würde ich primär von semantischen Aspekten ausgehen.