Ladezeiten von Internetseiten verbessern

In erster Linie k√ľmmern wir uns wahrscheinlich darum, unsere Webseiten mit interessanten Inhalten zu f√ľllen, probieren neue Funktionen aus und installieren Programme, z. B. Plugins, die Datenbank w√§chst.
Daher ist ein Blick auf die Ladegeschwindigkeit der eigenen Internetseite von Zeit zu Zeit notwendig, zumal der Suchmaschinenriese Google diese in die Bewertung viel st√§rker einbezieht als fr√ľher. Im „Webmaster Central Blog“ schreibt Google: „‚Ķ today we’re including a new signal in our search ranking algorithms: site speed. Site speed reflects how quickly a website responds to web requests.“ Keine Frage, Webmaster m√ľssen handeln.

Um die Performance meiner Seiten zu √ľberpr√ľfen, habe ich das Firefox-Add-on ‚ÄěPage Speed‚Äú installiert, das sich √ľber Firebug aufrufen l√§sst. Das Beispiel zeigt Optimierungsvorschl√§ge f√ľr die Seite hapkemedia.com. Zus√§tzlich nutze ich Google Analytics und Google Labs. Um die Ladezeiten zu messen, muss der in die Website eingebettete Analytics-Code diese Zeile erg√§nzt werden:
_gaq.push([‚Äė_trackPageLoadTime‚Äô]);.

Verbesserungs-Potenzial

Meine Webseiten √ľberpr√ľfte ich auf m√∂gliche Verbesserungen, dazu geh√∂ren beispielsweise

  • Optimierung der Grafiken
  • CSS-Sprites
  • Google Plus One (siehe dazu einen Link unten)
  • Anzahl der HTTP-Zugriffe verringern
  • Browser-Caching.


WordPress schneller machen

Die WordPress-Datei wp-config.php auf meiner Internetseite habe ich durch folgende WordPress-Konstanten ergänzt*:
define('WP_HOME', 'http://www.domain.tld');
define('WP_SITEURL', 'http://www.domain.tld');
define('WP_POST_REVISIONS', 1);
define('TEMPLATEPATH', '/pfad/wp-content/themes/namedesthemes');
define('STYLESHEETPATH', '/pfad/wp-content/themes/namedesthemes');
define('COMPRESS_SCRIPTS', true);
define('COMPRESS_CSS', true);
define('ENFORCE_GZIP', true);
define('WP_CACHE', true);

Kurze Erläuterung
DOMAIN = eigene Domain mit der zugehörigen TLD, z. B. de oder com usw.

REVISIONS: WordPress speichert Posts/Seiten zwischen. Dadurch kann eine √§ltere Version zur Bearbeitung herangezogen werden, z. B. wenn man in der aktuellen Bearbeitung eines Posts versehentlich Wichtiges gel√∂scht und voreilig gespeichert hat. Durch die Zwischenspeicherung bl√§ht nat√ľrlich die Datenbank auf. Mit der Angabe ‚Äě1‚Äú wird nur eine Variante zwischengespeichert, mit ‚Äěfalse‚Äú statt ‚Äě1‚Äú gar keine.

TEMPLATEPATH und STYLESHEETPATH: Um den richtigen Pfad zu ermitteln, habe ich eine PHP-Datei mit dem Namen pfad.php angelegt (siehe Bild). Sie muss in das Root-Verzeichnis auf den Server geladen werden, das kann z. B. das Verzeichnis html oder htdocs sein, also das Verzeichnis, in welches Sie Ihre WordPress-Dateien hochgeladen haben. Den Pfad rufen Sie auf, indem Sie an Ihre Internetadresse /pfad.php anhängen, z. B. http://www.domain.tld/pfad.php. Ersetzen Sie die rot markierten Teile mit dem so ermittelten Pfad. Am Ende dieses Pfades steht der Name des von Ihnen verwendeten Themes.
Beispiel:
vorher: /pfad/wp-content/themes/namedesthemes);
nachher: /var/www/virtual/domain.tld/htdocs/wp-content/themes/namedesthemes

CPMPRESS steht f√ľr das Komprimieren, z. B. CSS- oder JavaScript.
ENFORCE_GZIP: Die Kompression ist erst ab Version 2.8 von WP verf√ľgbar.

Am Beispiel der Agentur-Website hapkemedia.com ergab die Verbesserung folgende Messwerte bei der Ladegeschwindigkeit:
18. August 2011: 0,553 Sekunden (vor der Optimierung)
22. August 2011: 0,52 Sekunden (nach der Optimierung), Score: 77/100.

Erg√§nzend zu den ersten Ma√ünahmen habe ich noch einige 404-Fehler mit Bearbeitung der htaccess ausgeb√ľgelt. Alles in allem ein Anfang, f√ľr eine ordentliche Optimierung reichen die obigen Ma√ünahmen jedoch noch nicht aus.

Tipps zum Vertiefen
Auf die Suche nach wertvollen Hinweisen zur Seiten-Optimierung fand ich auf folgenden Internetseiten interessante Anregungen wie die obigen und muss sie deshalb hier nicht noch einmal im Detail wiedergeben:

Tags: , ,

Nichts verpassen und neue Beiträge abonnieren

Privatsphäre garantiert! Jederzeit abbestellbar!

No Replies Yet

Trackback  •  Comments RSS

  1. Sven sagt:

    define('TEMPLATEPATH', ... );
    ist eine ganz schlechte Idee wenn man wie ich Child Themes benutzt. Dadurch findet der das Eltern Theme nicht mehr, und die ganze Seite wird nicht mehr angezeigt ūüėČ

einen Kommentar schreiben

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

Top