WordPress Optimierung und bessere Ladezeiten

Google PageSpeed

Google PagesSpeed zeigt Ihnen an, wie schnell die verschiedenen Daten Ihrer Website geladen werden. Zusätzlich gibt Ihnen Google auch noch einige hilfreiche Tipps, wie Sie Ihr System optimieren können.
Google Pagespeed

Pingdom

Ein weiteres nettes Tool aus dem Hause Pingdom ist das Pingdom Online Tool zur Webpage-Geschwindigkeitsmessung. Das kostenfreie Tool ermöglicht die Anzeige und Wertung jeder Datei separat. Somit kann man ganz gezielt die Problemstellen lokalisieren und bearbeiten.
Pingdom Online Page Speed

Bei diesen Tools geht es nicht darum aufzuzeigen, wie man seine Website verändern muss, damit sie in den Suchmaschinen besser gefunden wird, sondern nur darum, die Geschwindigkeitseinbußen zu beheben und dem Nutzer ein besseres und schnelleres Bedienen zu ermöglichen. Natürlich verbessert sich dadurch langfristig auch das Ranking bei den Suchmaschinen.

Nun aber zu WordPress selber.

Tipp 1

Stellen Sie statischen Inhalt von einer Cookie-freien Domain bereit:
Mehr als 80% der Ansprechzeit (Zeit des Ladevorgangs) einer Website besteht aus dem Download von Inhalten wie Bilder, Stylesheets, Skripte, usw. Durch das Anlegen einer Subdomain und das Laden der Inhalte über diese zweite Domain wird die Geschwindigkeit erhöht, da der Browser dies als eine zweite separate Domain sieht. Inhalte und HTML/Wordpress können so gleichzeitig geladen werden.

Das Einrichten einer Subdomain ist recht einfach. Wie man sie nennt ist eigentlich egal, ich habe sie static.maximal-design.de genannt. (es geht natürlich auch inhalt.domain.de oder bilder.domain.de). Man lässt nun diese Domain auf das Verzeichnis “wp-content” verweisen.
Sobald diese beim Hoster fertig eingerichtet ist, muss man nur noch folgende Änderungen in der wp-config.php Datei vornehmen und schon werden die Inhalte separat geladen:

define(“WP_CONTENT_URL”, “http://static.yourdomain.com”);
define(“COOKIE_DOMAIN”, “www.yourdomain.com”);

Vergewissern Sie sich nur vorher, ob sie “bloginfo (‘template_directory’)” benutzen, um den statischen Inhalt in ihren Theme Dateien zu laden.

Tipp 2

Legen Sie einen Expire-Header für Ihren statischen Inhalt fest
Wenn Sie einen Expire-Header festlegen, welcher weit entfernt in der Zukunft liegt, wird der Inhalt bis zu diesem Zeitpunkt von Ihrem Browser gecached und lokal abgerufen.
Sie können den Expire Header ganz einfach über Ihre .htaccess Datei festlegen. Sehr zu empfehlen ist der Code der HTML-5-Boiler Plate.

Einfach folgenden Code zur .htaccess Datei hinzufügen. An welche Stelle ist egal.

<IfModule mod_expires.c>

 ExpiresActive on

# Perhaps better to whitelist expires rules? Perhaps.
 ExpiresDefault "access plus 1 month"

# cache.appcache needs re-requests
# in FF 3.6 (thx Remy ~Introducing HTML5)
 ExpiresByType text/cache-manifest "access plus 0 seconds"

# Your document html
 ExpiresByType text/html "access plus 0 seconds"

# Data
 ExpiresByType text/xml "access plus 0 seconds"
 ExpiresByType application/xml "access plus 0 seconds"
 ExpiresByType application/json "access plus 0 seconds"

# RSS feed
 ExpiresByType application/rss+xml "access plus 1 hour"

# Favicon (cannot be renamed)
 ExpiresByType image/x-icon "access plus 1 week"

# Media: images, video, audio
 ExpiresByType image/gif "access plus 1 month"
 ExpiresByType image/png "access plus 1 month"
 ExpiresByType image/jpg "access plus 1 month"
 ExpiresByType image/jpeg "access plus 1 month"
 ExpiresByType video/ogg "access plus 1 month"
 ExpiresByType audio/ogg "access plus 1 month"
 ExpiresByType video/mp4 "access plus 1 month"
 ExpiresByType video/webm "access plus 1 month"

# HTC files (css3pie)
 ExpiresByType text/x-component "access plus 1 month"

# Webfonts
 ExpiresByType font/truetype "access plus 1 month"
 ExpiresByType font/opentype "access plus 1 month"
 ExpiresByType application/x-font-woff "access plus 1 month"
 ExpiresByType image/svg+xml "access plus 1 month"
 ExpiresByType application/vnd.ms-fontobject "access plus 1 month"

# CSS and JavaScript
 ExpiresByType text/css "access plus 1 year"
 ExpiresByType application/javascript "access plus 1 year"
 ExpiresByType text/javascript "access plus 1 year"

<IfModule mod_headers.c>
 Header append Cache-Control "public"
 </IfModule>
</IfModule>

Tipp 3 – kommt bald