Performance Optimierungen mit PageSpeed und YSlow

[xchs]

Hallo,

zurzeit versuche ich meine Seite hinsichtlich Overall-Performance ein wenig zu optimieren. Dazu verwende ich u.a. die beiden FF-Firbug Add-Ons "Page Speed" und "YSlow".
Hat von Euch schon mal jemand versucht, einige dieser Regeln umzusetzen?
Würde es in diesem Zusammenhang was bringen, Javascripte, welche auch später geladen werden könnten und für den Seitenaufbau nicht von Bedeutung sind, im Seitentemplate an das Seitenende zu verschieben (wie hier beschrieben)?

[lucina]

Für die 'gefühlte' Perfomance (also die Zeit, die ein Browser bis zum Seitenaufbau braucht) bringt es etwas, wenn auch die Datenmenge insgesamt gleich bleibt. Kluges Caching, entrümpelte und gepackte Mootools (oder gar entfernt, wenn die im Frontend nicht gebraucht werden) und serverseitig die Seiten gepackt versenden bringt nach meinen Erfahrungen allerdings wesentlich mehr.

Ich traue allerdings der aktuellen Version von YSlow so gar nicht über den Weg ... ;-)

LG, Carolina.

[xchs]

Ich traue allerdings der aktuellen Version von YSlow so gar nicht über den Weg ... ;-)

Wieso denn nicht?

[lucina]

Weil ich die Erfahrung gemacht habe, dass es manchmal recht sinnfreie Vorschläge macht, gepackte von ungepackten Daten nicht immer zielsicher zu unterscheiden weiß und gerne auf eTags besteht - die sind aber nicht immer die Option der Wahl (da habt Ihr gerade in einem anderen Thread schon was geschrieben, das ich nicht wiederholen muss).

Fühlt sich für mich insgesamt besser an, mir die gelieferten Daten selbst zusammen zu suchen und zu differenzieren. Es tut halt so, als wär's der Nabel der Welt, und das stimmt nicht immer.

Das eingebaute Smush-It finde ich hingegen überaus nett.

Carolina.

[xchs]

Lucina, was hälst Du denn vom FF-Add-On "Page Speed" (als Alternative zu YSlow)?

[Psi]

TYPOlight an sich ist ja schon recht schnell und aus euren Posts lese ich, dass es ehr um die Optimierung bis zur Anzeige geht.
Ich würde hier versuchen die Anzahl der einzelnen Dateien zu reduzieren. Ist das HTML-Gerüst geladen und muss dann noch 5 JS-Dateien, 7 Stylesheets und daraus wieder 50 kleine Bilder geladen werden dauert das. Für jede noch so kleine Datei muss ein HTTP-Request an den Server gestellt werden und hier ist nicht selten, dass der Overhead die Nutzdaten übersteigt.

Grüße

[xchs]

Hallo Psi,

TYPOlight an sich ist ja schon recht schnell und aus euren Posts lese ich, dass es ehr um die Optimierung bis zur Anzeige geht.
Ich würde hier versuchen die Anzahl der einzelnen Dateien zu reduzieren. Ist das HTML-Gerüst geladen und muss dann noch 5 JS-Dateien, 7 Stylesheets und daraus wieder 50 kleine Bilder geladen werden dauert das. Für jede noch so kleine Datei muss ein HTTP-Request an den Server gestellt werden und hier ist nicht selten, dass der Overhead die Nutzdaten übersteigt

das habe ich mittlerweile auch gemacht - jedenfalls soweit es mir möglich war.
So bin ich auf zwei JS-Requests, und ein CSS-Request gekommen. Einzig die Sache mit den background-images im CSS verursacht noch ca. 18 Requests - aber da weiß ich leider auch nicht genau, was ich da konkret noch verbessern könnte. Allein für den Rahmen der Webseite brauch ich schon 8 Hintergrundbilder und diese per CCS Sprites zu kombinieren wird wohl auch nichts bringen bzw. gar nicht gehen.
Mein YSlow-Score bislang (wenn ich CDN deaktiviere): Grade A (96)
Bei entsprechender Verringerung der Hintergrundbilder würde ich auf Grade A (99) kommen.

[Schepp]

Hallo zusammen,

schaut mal hier in den Nachbarthread. Das ist genau das was ihr sucht.

Viele Grüße

vom Schepp