Wichtiges SEO-Kriterium: Ladezeit deines Shops

[Accio]

Hab mir das Plugin "Page Speed für Firefox installiert" - Resultat kann nicht befriedigend sein.
Score: 32/100
hm ... da kann man doch dran arbeiten

Keep-Alive aktivieren
Komprimierung aktivieren -> hab gzip Kompression auf 8, und trotzdem kein Erfolg?
Browser Cache nutzen - hab ich kurzweilig auf "true", aber bringt das wirklich was?
Bilder optimieren- haben wir schon extra kleiner gemacht.

Normalerweise geht man davon aus, dass die Antwortzeit einer Seite (optimal) bis 0,5 Sekunden liegen sollte.



Linkback: https://www.modified-shop.org/forum/index.php?topic=13198.0

[twe]

Hab mir das Plugin "Page Speed für Firefox installiert" - Resultat kann nicht befriedigend sein.
Score: 32/100
[...]
Normalerweise geht man davon aus, dass die Antwortzeit einer Seite (optimal) bis 0,5 Sekunden liegen sollte.

Bin bei 93 von 100
Es steht aber doch immer dabei was man noch optimieren kann.

z.B

Javascript komprimieren, geht auch online mit: YUI Compressor Online
Für Bilder finde ich RIOT ganz gut: Radical Image Optimization Tool (RIOT for short)

PS: der Demoshop kommt bei Pagespeed auch gerade mal auf 35 von 100

[DokuMan]

Richtig, sehr viele Sachen hängen allerdings von der Apache-Konfiguration ab, die im Demoshop nicht aktiv sind:
- Komprimierung
- mod_headers (Cache-Control, Etags, Vary Accept-Encoding)

Für die meisten Betreiber wird das mod_pagespeed für Apache aufgrund mangelnder Unterstützung durch die Webhoster noch keine Option sein. Deshalb muss man noch bei einigen Sachen selbst Hand anlegen.

Hier ein paar Ansatzpunkte:
http://page-speed.net/

Wenn du etwas brauchbares findest, würden wir es auch gerne übernehmen.
Das Feedback der User ist bei Open Source Projekten ja das wichtigste, um die Software zu verbessern.

[twe]

Javascript, Bilder und css komprimieren bringt auf jeden Fall was. Ob es jedoch sinnvoll ist den HTML-Code zu komprimieren, weiss ich nicht. Ich werde mir diese Arbeit auch nicht machen.

in der .htaccess hab ich noch folgendes eingefügt:

Code: PHP  [Auswählen]

<IfModule mod_headers.c>
Header append Vary Accept-Encoding
</IfModule>

<IfModule mod_expires.c>
ExpiresActive On
ExpiresDefault "access plus 2 week 1 days"
ExpiresByType text/html "access plus 2 week 1 days"
ExpiresByType image/gif "access plus 2 week 1 days"
ExpiresByType image/jpg "access plus 2 week 1 days"
ExpiresByType image/png "access plus 2 week 1 days"
ExpiresByType text/css "access plus 2 week 1 days"
ExpiresByType text/javascript "access plus 3 week 1 week"
ExpiresByType application/x-javascript "access plus 2 week 1 days"
ExpiresByType text/xml "access plus 1 seconds"

AddDefaultCharset iso-8859-1

ob es aber (ausser Punkte bei Pagespeed) was bringt, kann ich nicht sagen.

[Accio]

[...]
Wenn du etwas brauchbares findest, würden wir es auch gerne übernehmen.
Das Feedback der User ist bei Open Source Projekten ja das wichtigste, um die Software zu verbessern.

Klar, davon lebt ja die Software, das sie stetig weiterentwickelt wird!

YUI Compressor Online, scheint mir eine gute Sache zu sein, der macht den Code schlanker, die Funktionsfähigkeit leidet wohl nicht drunter, aber teste das mal, thx for the tip.

[...]
Für Bilder finde ich RIOT ganz gut: Radical Image Optimization Tool (RIOT for short)
[...]

Gibt es wohl nicht für Mac OS X, da brauche ich wohl eine Alternative

Zur Info: Unser Webhoster ist Estugo, nur falls das wichtig ist, für Euch.

Was Matt Cutts zum Pagespeed sagt, und wie dieser Einfluss auf das Ranking nimmt: Google incorporating site speed in search rankings

PS: Mit dem W3 CSS Validator sind 130 Probleme aufgetreten, das teilt er mir mit, dass die Befehle für runde ecken usw. nicht richtig seien, muss ich das wirklich ändern, kann ja sein, dass das auch den Pagespeed beeinträchtigen könnte, hui, und das nur damit die Seite schnell lädt.^^

URL zum Shop: Accio Shop Startseite

[DokuMan]

[...] Ob es jedoch sinnvoll ist den HTML-Code zu komprimieren, weiss ich nicht. Ich werde mir diese Arbeit auch nicht machen.
[...]

Das ist das kleinste Problem.
Schreibe in die Datei "/smarty/plugins/outputfilter.note.php" statt:

Code: PHP  [Auswählen]

return $tpl_output.$cop;

einfach:

Code: PHP  [Auswählen]

/* strip whitespaces (i.e. compress HTML) */
$tpl_output =  preg_replace('!\s+!', ' ',$tpl_output);
return $tpl_output.$cop;

fertig. 

[Tomcraft]

Steht der Tipp eigentlich schon im Wiki?

Grüße

Torsten

[Accio]

Das ist das kleinste Problem.
Schreibe in die Datei "/smarty/plugins/outputfilter.note.php" statt

Code: PHP  [Auswählen]

return $tpl_output.$cop;

einfach

Code: PHP  [Auswählen]

/* strip whitespaces (i.e. compress HTML) */
$tpl_output =  preg_replace('!\s+!', ' ',$tpl_output);
return $tpl_output.$cop;

fertig  

Dieser Code bewirkt, dass der komplette HTML und CSS(?) Code automatisch komprimiert wird? Verstehe ich das richtig, JA / NEIN ?

[DokuMan]

Das betrifft nur den HTML-Code bei der Ausgabe "on the fly". Den Unterschied siehst du sehr schnell, wenn du dir vor und nach der Umstellung den Quelltext anzeigen lässt.

[DokuMan]

Steht der Tipp eigentlich schon im Wiki?
[...]

Nein, nur in auskommentierter Version im Trunk.

[Tomcraft]

Da ist der Code aber auch sehr gut versteckt.

Grüße

Torsten

[Modulfux]

Wenn man die Ladezeit wirklich optimieren möchte, sollte auch auf jeden Fall die Anzahl der HTTP-Requests so gering wie möglich gehalten werden. Wenn man dann auch noch mit verschiedenen CSS-Dateien arbeitet und nur 6-8 Produkte auf der Startseite hat, ist auch bei einem modified eCommerce Shopsoftware und den dazugehörigen Apache Konfigurationen eine Pagespeed von 100/100 drin.

Was schon richtig Performance bringt, wenn man die Backgroundimages zu einer sprite-Grafik zusammenfasst, die Buttons nicht als Grafik nimmt, sondern mit CSS gestaltet und eben die Produktbilder optimiert.

Gruß
Ronny

[Accio]

[...] sollte auch auf jeden Fall die Anzahl der HTTP-Requests so gering wie möglich gehalten werden. [...]

Frage: Wie kann ich das machen?
und... welche Dateien betrifft das?

[...] Buttons nicht als Grafik nimmt, sondern mit CSS gestaltet und eben die Produktbilder optimiert.
[...]

Das würde mich interessieren wie man das macht.
Wir haben bei unseren Buttons einen Farbverlauf(via Hintergrund img) drin, kann man das mit CSS einstellen, bin mir dabei nicht sicher.
Man ist ja, was speziell Farbverläufe in CSS geteilter Meinung.

[...]  Produktbilder [...]

Was versteht man darunter?

• Bilder kleiner machen?
• Bilder komprimiert ausgeben?
• gibt es ein Tool/eine Software für Mac OS X, die einem dabei hilft?

[Accio]

@Ronny,

super, vielen Dank für deine Hinweise, die setze ich heute mal gleich um.  

Nachtrag: Die Bilder auf der Startseite habe ich jetzt optimiert, habe mit deinem super tipp, ca 200kb gespart.

Wenn ihr sagt, man sollte die Js und die css dateien zusammenfassen, gilt das dasnn für daten innerhalb der Datei oder mehrere Css Dateien zu einer zusammenzufassen?

Ach ja, das Wichtigste kommt jetzt.

beim Test mit Pingdom

Werden mir 3 Dateien rot markiert!

• http://www.accio-shop.de/templates/xtc5/javascript/jquery-searchbox.js
• http://www.accio-shop.de/templates/xtc5/img/cart.png
• http://www.accio-shop.de/templates/xtc5/img/bullets.png

Weiß jemand von Euch, wie ich die beheben kann, weil dann hätte die Seite unter 3-4 Sekunden Ladezeit, ich weiß immer noch nicht optimal, aber besser als 9 Sekunden.

[twe]

[...]
Werden mir 3 Dateien rot markiert!

• http://www.accio-shop.de/templates/xtc5/javascript/jquery-searchbox.js
• http://www.accio-shop.de/templates/xtc5/img/cart.png
• http://www.accio-shop.de/templates/xtc5/img/bullets.png

Weiß jemand von Euch, wie ich die beheben kann, weil dann hätte die Seite unter 3-4 Sekunden Ladezeit, ich weiß immer noch nicht optimal, aber besser als 9 Sekunden.

die Dateien gibt es bei dir nicht, sind aber in der Seite eingebunden.