Kommentare zu: Sehr sehr schnelle Seiten – Website Performance Best Practice – Teil 1

Von: Thomas Scholz

Thomas Scholz — Wed, 17 Dec 2008 15:01:22 +0000

Es gibt auch den HTTP-Header Link. Wenn man darüber das Stylesheet redundant auch angibt, muß der Browser nicht auf die Ergebnisse des HTML-Parsers warten, um die Adresse des Stylesheets herauszufinden.
Das ist besonders interessant für Handhelds, Mobiltelefone etc.

Zur Menge der HTTP-Requests: Gerade bei Seiten, die per Script generiert werden, vergessen die Autoren oft Content-Length. Das ist aber wichtig, um dem UA Pipelining zu ermöglichen, also die Bündelung mehrerer Requests.

Und wenn man Gzip benutzt, sind Basteleien an den Leerstellen in CSS und JS Zeitverschwendung. Sie ändern nahezu nichts an der übertragenen Dateigröße.

Von: Thomas

Thomas — Wed, 17 Dec 2008 14:18:34 +0000

Vielen Dank auch von mir! Die hinweise waren auch für mich sehr nützlich!

Von: Nico

Nico — Tue, 16 Dec 2008 13:25:52 +0000

Hallo,
Noch ein Tip für Script Datein.
Wenn die nicht in bestimmten rein folge oder Dokumentinhalt generieren (zum Beispiel kein document.write in JS bentuzen) kann man dem Script-Tag das Attribut defer="false" setzen dann werden die Scripte gleichzeitig geladen anstatt nacheinander.

defer

Von: Dirk Ginader

Dirk Ginader — Tue, 16 Dec 2008 07:59:39 +0000

@Manuel
Die gibt es tatsächlich!
Mein hochgeschätzter Kollege Marco hat das Wordpress Plugin WP-CSS-Streamliner entwickelt welches automatisch alle CSS Dateien eines Wordpress Blogs kombiniert, optimiert und gzip komprimiert.

Von: Manuel

Manuel — Tue, 16 Dec 2008 03:23:21 +0000

Interessant! Vor allem das mit der "Kombination reduziert HTTP-Requests" war mir neu. Gibt es irgendwelche speziellen Tipps für Wordpress Seiten?

Von: Elmar

Elmar — Mon, 15 Dec 2008 00:51:44 +0000

Skalieren von Bildern durch width und height im img-tag: Ich könnte mir einen Grund vorstellen, Bilder auf 50% zu skalieren (doppelt so lang und hoch speichern): Wird beim Firefox 3 oder - soweit ich weiß - im IE die Seite vergrößert, werden die Bilder mit vergrößert, außer es ist anders eingestellt, was aber in den wenigsten Fällen vorausgesetzt werden kann. Insbesondere Fotos sehen dann grobpixelig (zerrissen) und unscharf aus, wenn die Quelle vergrößert werden muss.

Von: Technikwürze » Technikwürze 126 - 3 Jahre Pfeffer im Ohr

Technikwürze » Technikwürze 126 - 3 Jahre Pfeffer im Ohr — Sun, 14 Dec 2008 23:05:58 +0000

[...] Website-performance Teil 1, Website-performance Teil 2 [...]

Von: alexander farkas

alexander farkas — Sun, 14 Dec 2008 22:32:10 +0000

Es ist nicht eher so, dass ein mit @import eingebundenes Stylesheet die White Page Zeit erhöht (ähnlich einer im head refernzierten JS-Datei), aber eben keinen FOUC erzeugt?

Von: Andrey Esaulov

Andrey Esaulov — Sun, 14 Dec 2008 16:33:52 +0000

Ganz herzlichen Dank fuer einen ausfuerlichen und interessanten Aufsatz! Optimiere gerade eine Webseite eines Klients. Ihre Tips haben mir die Arbeit wesentlich erleichtert!

Von: j4k3

j4k3 — Sat, 13 Dec 2008 13:20:28 +0000

Wunderbares Roundup, Dirk. Danke dafür.