Gerade für mobile Websites oder Web-Applikationen (z.B. HTML5 Apps), die für mobile Browser optimiert sind, ist eine gute Performance ein wichtiger Erfolgsfaktor. Denn: Eine vergleichsweise schwache Hardware-Austattung am Handy sowie eine stark variierende Bandbreite auf Länder- und Endgeräteebene erfordern große Sorgfalt bei der Performance-Optimierung.

Für herkömmliche Internet-Auftritte existieren mittlerweile viele Tools und Services um dessen Performance überprüfen bzw. messen zu können. Für mobile Browser-Applikationen hingegen gibt es derzeit nur wenige Dienste, die Entwickler bei der Performance Optimierung im mobile Web unterstützen. Aus diesem Grund sollen im folgenden Teil einige derartiger Tools aufgelistet werden:

• Page Speed Online: Ist das Gegenstück zu Google's Browser-Erweiterung "Page Speed". Dieser Online-Service wird ebenfalls von Google angeboten, mit den halbwegs selben Funktion wie das Browser-Plugin. Allerdings: Neben dem Suchfeld steht die Option "Analyse Mobile Performance" zur Verfügung. Damit bekommt man auf einfache Weise Vorschläge für die Performance Optimierung präsentiert, die sich im Speziellen auf mobile Anwendungen fokussieren.
  
  
  
• Blaze Mobile Performance Tool: Das Performance Testing Tool der Firma Blaze ermöglicht die Geschwindigkeits-Analyse einer Website bzw. Web-Applikation für das iPhone und Mobiltelefonen mit Android. Laut Blaze verwendet das Tool für die Tests keine Emulatoren sondern echte, physische Geräte.
  
  
  
• Verwendung eines HTTP Sniffer Proxy in Kombination mit dem iPhone: Mit einem HTTP Proxy kann die Kommunikation zwischen Client und Server genau verfolgt werden. Somit lassen sich "Flaschenhälse" einfach identifizieren. Wie das iPhone mit "Charles Web Debugging Proxy" für eine Performance-Analyse verbunden werden kann, wird hier beschrieben. Mit den Ergebnissen des HTTP Proxy's lassen sich sinnvolle Rückschlüsse für mögliche Optimierungsmaßnahmen ziehen.

Es gibt sicher noch mehr, speziell für das mobile Web ausgelegte Performance-Tools. Link-Tipps und Empfehlungen werden gerne in den Kommentaren entgegengenommen.

Auf ecommerce-lounge.de ist ein ausführlicher Artikel zu finden, der diverse Hosting-Angebote bezüglich der Performance für Magento untersucht. Getestet wurden vier Shared-Hosting und vier Managed-Server Angebote die jeweils einem automatisiertem Stresstest unterzogen wurden. Auf den Managed-Servern wurden zudem Dauerlasttests durchgeführt.

Die Testergebnisse werden in anschaulicher Weise tabellarisch dargestellt und geben einen guten Überblick über die jeweilige Leistungsfähigkeit der verschiedenen Angebote bzw. Server. Bei den Tests zeigte sich, dass kleine Magento-Shops bereits mit monatlich € 20,00 gute Performance-Resultate erzielen können. Es muss also nicht immer gleich ein Root-Server sein, wenn man Magento im Einsatz ist.

Die Anzahl der HTTP Request beim Laden einer Seite ist einer von vielen Faktoren der Performance Optimierung. Wie CSS und JavaScript Dateien unter TYPO3 zusammengefügt und minimiert werden kann, zeigt folgender Artikel. Weiters lesen Sie wie man die Größe des HTML-Quellcodes verkleinert.

Scriptmerger

Die TYPO3-Extension Scriptmerger bietet die Möglichkeit, extern eingebundene JavaScript und CSS Dateien zu komprimieren und diese anschließend zu einer Datei zusammenzufügen. Nach der Installation, die im Extension-Manual ausführlich erklärt wird, werden die Dateien je nach Einstellung zu einer oder mehrere Dateien zusammengefügt.

Probleme können beim Einsatz von UTF-8 in Verbindung mit gzip auftreten. Helfen kann dabei folgendes: Entweder man deaktiviert die gzip-Komprimierung da diese bereits vorher vom Server durchgeführt wurde oder man schreibt, wenn ein Kodierungs-Problem bei der CSS-Datei auftritt, folgendes Attribut in das link-Tag das für die Integration der CSS-Datei zuständig ist: charset="utf-8"

Leider werden die eigene CSS-Datei und das von TYPO3 integrierte CSS_Styled_Content-Stylesheet nicht zu einer Datei zusammengefügt.

Das Zusammenfügen und Minimieren der JavaScript-Files funktioniert im Prinzip problemlos und bedarf daher keiner weiteren Erklärung.

HTML Minify

Da Scriptmerger keine Minimierung des HTML-Quellcodes mit sich bringt, ist zur Entschlackung und Verkleinerung des HTML-Quellcodes die Extension SourceOptimization notwendig. Diese Erweiterungen macht nicht anderes, als unnötige Leerzeichen, Tabulatoren, Whitespaces, Kommentare, etc. aus dem Quelltext zu entfernen. Dadurch verkleinert sich die Größe der HTML-Datei. Wieviel vom Quellcode entfernt und minimiert werden soll kann mittels TypoScript eingestellt werden.

Dateien mit dem Namen .htaccess werden gerne genutzt, um gewisse Einstellungen am Server vornehmen zu können, ohne das ein Root-Zugriff auf das Server-System vorhanden sein muss. Ein weiter Vorteil beim Einsatz von .htaccess ist, dass der Server nach Änderungen nicht neu gestartet werden muss.

Performance-Bremse .htaccess

Die einfache Handhabung von .htaccess hat jedoch einen entscheidenden Nachteil: Die Performance  verringert sich, da der Server bei jedem Seitenaufruf nachschaut, ob im Verzeichnis der aktuell aufgerufenen Datei eine .htaccess-Datei vorhanden ist. Ist dies der Fall, wird der Inhalt der Datei natürlich noch gelesen und verarbeitet. All diese kostet Zeit und Performance!

Performanter geht es, indem man die gesamten Einstellungen in der vHost-Konfiguration zentral verwaltet.  Wichtig dabei ist, dass in der Apache-Konfiguration folgende Direktive gesetzt ist: AllowOverride None (damit suche Apache nicht nach .htaccess Dateien)

Wenn man nun Änderungen vornimmt, muss Apache neu gestartet werden, damit die Änderungen übernommen werden. Das ganze ist natürlich nur möglich, wenn man einen virtuellen Server oder gar einen Root-Server im Einsatz hat. Bei unseren Magento Projekten ist das aber sowieso Grundvoraussetzung für einen erfolgreichen Betrieb.