Vor einiger Zeit hat Google bekanntgegeben, dass auch die  Ladegeschwindigkeit als Rankingfaktor mit einbezogen wird. Aber auch aus Sicht des Seitenbesuchers ist es sinnvoll sich mit diesem Thema zu beschäftigen. Für jedes Bild und jede CSS/JS-Datei muss der Browser eine neue Verbindung zum Server öffnen. Bei Firefox sind dies maximal 15 gleichzeitige Verbindungen pro Server die parallel abgearbeitet werden – darüber wird der Seitenaufbau minimal verzögert. Ein Besucher könnte vielleicht frustriert die Seite wieder verlassen, wenn es ihm zu lange dauert mit dem Seitenaufbau. Darum sollten Entwickler dies gleich bei der Erstellung der Seite beachten.

Ergebnisse überwachen

Um die aktuelle Ladegeschwindigkeit zu analysieren ist das Firefox-Plugin Firebug sehr nützlich.

Plugin installieren -> F12 drücken -> Reiter Netzwerk auswählen -> Seite neu laden.

Eine Bewertung der Seite kann mit den Erweiterungen YSlow von Yahoo und Page Speed von Google erfolgen. Bei YSlow kann aus drei Profilen gewählt werden um die Webseite zu bewerten, dabei auch ein Profil für kleine Seiten – die Note A steht für das beste Ergebnis. Bei Page Speed wird die Seite anhand von 100 erreichbaren Punkten bewertet.

Dateigröße reduzieren

Durch die Verwendung von Image Arrays / Image Matrix lassen sich viele Bilder in einer Datei zusammenfassen, was z.B. für Navigationsleisten und Symbole Sinn macht. Was sich an der Dateigröße noch optimieren lässt, ohne das die Qualität spürbar abnimmt, kann mit jedem guten Grafikprogramm getestet werden oder mit PunyPNG.

TYPO3 Scriptmerger

Bei TYPO3 bindet jede Extension gerne ihre eigenen CSS und JavaScript-Dateien ein. Oder der Entwickler möchte nicht auf getrennte Dateien je nach Einsatzzweck und Extension verzichten? Hier hilft es die Erweiterung Scriptmerger zu installieren, welche die Dateien zusammenfasst und mit GZip komprimiert. Damit das Zusammenfügen der Dateien funktioniert, wird die Erweiterung über ein Statisches Templates eingebunden. So können die Ergebnisse auch an einer Unterseite probiert werden ohne den Auftritt insgesamt zu gefährden. Der Media-Typ wird beachtet und möchte man wirklich nur eine einzige CSS-Datei erhalten wird dieser überall auf “all” gesetzt:

page.includeCSS {
file1.media = all
file1 = fileadmin/main.css
file2.media = all
file2 = fileadmin/tt_news.css
}

Die originalen CSS-Dateien bleiben erhalten und können ständig angepasst werden. Erst beim Löschen des Caches (Blitz-Symbol) werden die Dateien zusammengefasst, die dann unter typo3temp/scriptmerger/compressed/ abgespeichert werden und automatisch verwendet werden.

Ergebnisse Testen

Wie oben beschrieben, lässt sich über Firebug sowie die Plugins YSlow und Page Speed der Erfolg der Änderungen ablesen. Zum Schluss nicht vergessen die Seite auch in verschiedenen Browsern zu testen, dies kann mit BrowserShots und etwas Geduld (Auftrag alle 30 Minuten erneuern) erfolgen.

Google: Using site speed in web search ranking

Ist eine Webseite über zwei oder mehrere Adressen erreichbar, zeigt aber immer auf den gleichen Inhalt, so ist dies aus Suchmaschienen-Sicht nicht optimal und führt zu einer niedrigeren Bewertung der Seite. Google spricht in diesem Zusammenhang von Duplicate content und gibt Tipps zur Vermeidung.

Mit einer Weiterleitung werden die Besucher und auch die Suchmaschienen zu der richtigen Domain geführt. In einer .htaccess-Datei lässt sich dieses Verhalten steuern:

www verhindern (allgemein)

RewriteEngine On
RewriteCond %{HTTP_HOST} ^www\.(.+)$ [NC]
RewriteRule ^(.*)$ http://%1/$1 [R=301,L]

www erzwingen (Domain bitte anpassen)

RewriteEngine On
RewriteCond %{HTTP_HOST} ^example\.com$ [NC]
RewriteRule ^(.*)$ http://www.example.com/$1 [R=301,L]

Das besondere bei diesen Weiterleitungen ist der Status-Code 301, worüber den Suchmaschienen mitgeteilt wird, dass die Umleitung permanent ist. Die “falschen” Domainamen werden so mit der Zeit aus dem Index der Suchmaschienen verschwinden. Das Ganze lässt sich natürlich anschließend auch noch testen.

Apache Dokumentation mod_rewrite
www.yes-www.org
no-www.org

Google sieht dies aber als doppelten Inhalt (Deftly dealing with duplicate content) an, und bewertet somit die Seite entsprechend negativ. Um einen guten Pagerank zu erreichen, werden Internetpräsenzen unter dem wirtschaftlichen Aspekt des Search Engine Optimization (SEO) (Wikipedia) aufbereitet.

Also muss eine feste Hauptadresse definiert werden. Alle anderen Domains oder Subdomains leiten dann permanent (RedirectPermanent) auf diese Hauptadresse um.

Natürlich gibt es dazu ein fertiges WordPress-Plugin (no-www). Da diese Technik jedoch auch für andere Seiten interessant sein kann, ist es besser dies direkt in der Konfiguration von Apache festzulegen, so dass alle Anfragen auf die Haupdomain admirableadmin.de umgeleitet werden:

<VirtualHost *:80>
ServerName www.admirableadmin.de
Redirect permanent / http://admirableadmin.de
</VirtualHost>

Das Ergebnis lässt sich gut mit dem Firefox Add-on Live HTTP Headers überprüfen. Eine funktionierende Umleitung würde beim Zugriff auf die www Version der Internetseite oder eine andere zusätzliche Domain folgendes zurückgeben:

HTTP/1.x 301 Moved Permanently
Location: http://admirableadmin.de

Der Benutzer wird sofort umgeleitet auf die Hauptadresse und merkt kaum etwas von diesem Vorgang, wenn er nicht explizit darauf achtet.

Apache Dokumentation mod_alias