Neben den Inhalten Ihrer Website spielt auch der technische Unterbau eine Rolle für das Ranking bei Google. Wir betrachten in diesem Artikel das Thema Ladezeiten: Welche Aspekte gilt es zu beachten, welche Erweiterungen unterstützen Sie und welche Einstellungen können Sie direkt in Joomla! vornehmen.
CSS und JavaScript
Bei Joomla!-Websites kommen in der Regel mehrere Stylesheets (CSS) zum Einsatz. Diese können zusammengefasst werden, um die Anzahl von Dateien zu reduzieren, die ein Browser vom Webserver beziehen muss. Da jede einzelne Anfrage ihre Zeit benötigt, ist dies die erste Gelegenheit, um Zeit zu sparen.
Darüber hinaus können Sie die Datenmenge reduzieren, indem Sie den CSS-Code minimieren und komprimieren.
Das Minimieren und Komprimieren ist auch mit JavaScript-Code möglich.
Render-Blocking
Um eine Website darzustellen, geht der Browser nach und nach die dafür nötigen Ressourcen durch. Das sind zum Beispiel Stylesheets oder JavaScript-Dateien, die entsprechend vom Webserver geladen werden müssen. Bis alle Daten übertragen sind, vergeht unter Umständen unnötige Zeit: Für einen schnellstmöglichen Seitenaufbau werden alle zur ersten Darstellung wichtigen Ressourcen direkt in den Kopfbereich (“head”) der Website eingebettet. Andere, die nicht essentiell sind, können zu einem späteren Zeitpunkt nachgeladen werden. Durch dieses Vorgehen wird das sogenannte Render-Blocking vermieden.
Browser-Caching
Wenn Sie Browser-Caching nutzen, geben Sie dem Browser vor, bestimmte Dateitypen nicht bei jedem Seitenaufruf zu laden, sondern diese nach Ablauf einer bestimmten Zeit erneut vom Server anzufragen.
Dies ist besonders für Stylesheets, JavaScript, Fonts und Bilder interessant, die sich nicht ständig ändern, aber einen großen Teil der Ladezeit ausmachen.
Erweiterung Aimy Speed Optimization
Mit der Erweiterung Aimy Speed Optimization können Sie die eben genannten technischen Optimierungen vornehmen, ohne selbst zu tief in die Technik eintauchen zu müssen. Das Plugin:
- minimiert und komprimiert CSS und JavaScript
- verhindert Render-Blocking
- nutzt Browser-Caching
- ermöglicht Komprimierung
Derzeit ist es mit dem Plugin allerdings nur auf Apache Webservern möglich, Caching und Komprimierung zu verwenden.
In wenigen Minuten nehmen Sie die Grundkonfiguration vor und können damit deutliche Verbesserungen Ihres Page Speed erreichen.
Bilder
Bilder sind zentrale Inhalte und Designelemente von Websites. Allerdings nehmen sie tendenziell besonders viel Speicherplatz in Anspruch. Daher lohnt es besonders, Bilder zu optimieren.
Am besten ist es, verwendete Bilder bereits vor dem Upload in Joomla! zu skalieren und auf die benötigte Größe zu verkleinern.
Zusätzlich können Sie mit einem Bildbearbeitungsprogramm die Qualität reduzieren, ohne dass es dem Bild anzusehen ist. Dazu kann auch die Farbpalette reduziert werden.
Als dritten Baustein, geben Sie dem Browser die Bildgröße an, damit dieser nichts berechnen muss. Hinterlegen Sie Breite und Höhe des Bildes mit den HTML-Attributen “width” und “height”.
Erweiterungen für Bilder
Für Bilder gibt es jede Menge Erweiterungen im Extensions-Verzeichnis. Die Kombination von den Erweiterungen SIGE und SEOFLI des selben Anbieters decken viele der genannten Optimierungen bei Bildern ab.
Mit SIGE können Sie Bildergalerien und einzelne Bilder darstellen. Von den genannten Optimierungen bietet das Plugin:
- Automatisches Erstellen von Vorschaubildern
- Reduzieren der Qualität der Vorschaubilder
- Skalieren der Originalbilder
Wenn Sie zusätzlich das Plugin SEOFLI installieren, können Sie automatisch die Breite und Höhe des Bildes angeben lassen. Die Erweiterung ist auch deshalb zu empfehlen, weil sie Ihre Bilder um eine Beschreibung und einen Titel ergänzt.
Joomla! Grundkonfiguration
In Joomla! selbst können Sie in der Systemkonfiguration Komprimierung mittels GZIP aktivieren und damit die übertragene Datenmenge reduzieren.
Unter dem Reiter “System” können Sie Caching aktivieren, um generierte Inhalte zwischenzuspeichern. Weitere Informationen zu diesem Thema finden sich zum Beispiel auf OSTraining (in Englisch).
Page Speed testen
Mit den angeführten Aspekten können Sie erste Maßnahmen der technischen Optimierung Ihrer Joomla!-Website durchführen. Auch wenn es keine abschließende Liste ist, so ist sie dennoch ein sinnvoller Anfang um zu starten und – je nach Stand Ihrer Website – Ihren Page Speed durchaus um 20 bis 30 Punkte zu erhöhen.
Testen Sie, welchen Page Speed Ihre Joomla!-Website derzeit erreicht und an welchen Stellschrauben Sie drehen sollten. Die folgenden Online-Tools geben hilfreiche Hinweise:
- Google™ PageSpeed Insights
- GTmetrix
- varvy.com Pagespeed Optimization
Weitere praktische Joomla!-Erweiterungen finden Sie unter www.aimy-extensions.com/joomla.
