Google: Geschwindigkeit ist ein neuer Ranking Faktor

[r23]

Hallo,

Google bezieht jetzt doch auch die Ladegeschwindigkeit von Seiten viel früher als gedacht ins ranking ein:
Google Webmaster Central Blog
http://googlewebmastercentral.blogspot. ... nking.html

In den WebMaster Tools von Google
(hier im MyOOS Wiki eine Beschreibung zur Anmeldung
http://wiki.myoos.de/index.php?title=Hi ... astertools

steht nun Page Speed zur Verfügung
http://code.google.com/intl/de-DE/speed/page-speed/

Mit diesem Browser Plugin kann man recht einfach und schnell die Fehler auf der Shop-Seite untersuchen.

Einige Lösungen aus unserer Entwicklerversion
z.b.
Cookie freie Domain für statische Bilder
Performance: Cookie-freie Domains für statische Elemente

sollte / kann man bereits jetzt in seinen Shop aufnehmen und die Funktionsfähigkeit der
Änderungen mit dem Brower Plugin prüfen.

Bereits vor einem Jahr
Yahoos Exceptional-Performance-Team beschäftigt sich mit der Frage, wie
man Webseiten schneller macht, von Maßnahmen auf Serverseite über die
Inhalte bis hin zu Cookies, JavaScript, CSS-Bildern und den speziellen
Anforderungen mobiler Webseiten.

Hier der Link mit den Quellen
http://www.oos-shop.de/yahoo-gibt-clien ... nce-tipps/


* Verteile Komponenten über Domains
Für statische Inhalte kann man eine eigene Domain verwenden, die
andere Caching etc Einstellungen hat, aber beachte, dass du nicht
mehr als 2-4 Domains adressierst.

* Verwende eine Cookie-freie Domain für Komponenten
Bilder, Stylesheets, JavaScript sollte auf dieser "statischen" Domain
abgelegt werden.

* Minimiere JavaScript und CSS
Zwei bekannte Tools dazu:
» http://crockford.com/javascript/jsmin
» http://developer.yahoo.com/yui/compressor/

* Verwende Expires oder Cache-Control Header
Für statische Komponenten kann man ein "never expire" einsetzen
Für dynamische Komponenten kann man einen kürzeren Cache-Header setzen
Mit dem Apache-Module mod_expires kann man diese Header steuern, hier
kann man relativ von der letzten Bearbeitung oder vom letzten Zugriffsdatum
des Benutzers einen Cache-Header setzen. Wenn man diesen allerdings vom
Benutzerbesuch abhängig macht, dann muss man bei einer Änderung den
Dateinamen der Datei ändern!

* Gzip Kompression
Kompression reduziert die Antwortzeiten durch eine Reduktion der Grösse der
HTTP-Antwort. Mit HTTP/1.1 können Webclients die Unterstützung für GZIP anzeigen.
Gzip ist in der RFC 1952 beschrieben.

* Konfigurere ETags
Entity tags (ETags) helfen dem Browser Komponenten für das Caching klar
zu erkennen, ob diese vom originalen Server kommen. Es ist ähnlich einer
Versionsnummer für die Komponente.
HTTP/1.1 200 OK


* Verwende <link> statt @import

* Optimiere Bilder
- Welche Farbpalette verwenden die GIFs?
- Verwende pngcrush auf alle PNGs, z.b.
pngcrush image.png -rem alla -reduce -brute result.png
- Verwende jpegtran auf alle JPEGs, z.b.
jpegtran -copy none -optimize -perfect src.jpg dest.jpg

* Skaliere keine Bilder in HTML
Wenn die Breite mit 100 Pixel angegeben ist, dann sollte das Bild auch 100 Pixel gross sein.

* Mach das favicon.ico klein und cache-bar
Wenn du keines anlegst, dann hast du eine 404 Meldung (teuer!). Es sollte unter 1 KB haben.

Du benötigest weitere Informationen? Prima.
Kontaktiere uns noch heute via E-Mail (info@r23.de)

Beste Grüße

ralf