Jedes Unternehmen möchte mit seiner Website auf der ersten Seite der Suchergebnisse von Google erscheinen und natürlich seinen Besucher:innen ein hervorragendes Nutzererlebnis bieten. Dazu ist es entscheidend, dass die Website schnell lädt, da Interessenten bei langen Wartezeiten schnell wegklicken. Die Geschwindigkeit einer Website kann auf viele Arten gemessen werden, aber die gängigste Methode ist die Verwendung eines kostenlosen Tools namens GTmetrics.
Der erste Schritt: Kopieren Sie den Link zu Ihrer Website in das leere Feld auf der GTmetrics-Startseite und klicken Sie dann auf „Test your site”.
Das ist alles, was wir tun müssen. Anschließend führt GTmetrics in vier Schritten eine Überprüfung der Website durch, die unserer Erfahrung nach maximal eine Minute dauert.
Die wichtigsten Daten können wir in einer Reihe einsehen. Welche Werte sehen wir hier? Hier sind die Antworten:
GTmetrix Grade
Vergibt eine Note im amerikanischen Stil mit einem einzigen Buchstaben und bewertet damit insgesamt die Geschwindigkeit der Website. Je näher der Buchstabe im ABC an A liegt, desto besser ist der Wert. Hier zählen vor allem die Ladegeschwindigkeit und die Stabilität der visuellen Darstellungen. Damit werden auch die Besucher:innen konfrontiert, wenn sie auf unsere Website klicken, sodass dies auch als Bewertung der Benutzererfahrung angesehen werden kann.
Performance
Hier wird die Bewertung der Geschwindigkeit auch in Prozent angezeigt, auf deren Grundlage wir die Note erhalten. Die folgenden Werte werden berücksichtigt:
– First Contentful Paint (FCP): die Ladegeschwindigkeit von Texten, Bildern und Videos.
– Speed Index (SI): die Ladegeschwindigkeit des Teils der Hauptseite, den wir nach dem Klicken zuerst sehen.
– Largest Contentful Paint (LCP): die Ladegeschwindigkeit des größten Inhaltselements.
– Time To Interactive (TTI): misst die Reaktionsfähigkeit beim Laden und erkennt, wie lange eine Seite interaktiv erscheint, obwohl sie es in der Praxis (aufgrund des Ladevorgangs) noch nicht ist.
– Total Blocking Time (TBT): Misst die Zeit zwischen FCP und TTI, d. h. wie viel Zeit zwischen dem Laden von Texten und visuellen Elementen und der tatsächlichen Interaktivität vergeht.
– Cumulative Layout Shift (CLS): Misst die Verschiebung der Elemente der Website während des Ladens.
Structure
Hier bewertet die Seite nicht mehr die Geschwindigkeit, sondern wie optimal die Struktur der Website ist. Diese Struktur kann durch viele Faktoren beeinträchtigt werden, z. B. durch zu viele Menüs und Unterseiten, zu große Bilder und die Verwendung unnötiger Plugins.
Web Vitals
Unter der Überschrift „Web Vitals” werden drei Werte angezeigt. Diese haben wir bereits unter den „Performance”-Werten erläutert.
LCP: Largest Contentful Paint
TBT: Total Blocking Time
CLS: Cumulative Layout Shift
Bei LCP und TBT erhalten wir ein Zeitergebnis, bei CLS einen Wert, der bei 0,01 optimal ist – bei einem höheren Wert gibt es Probleme mit der Verschiebung der Elemente während des Ladens.
Speed Visualization
Hier können wir die wichtigsten Werte auch visuell überprüfen.
Am Ende der Skala, die auf dem Screenshot angezeigt wird, erscheint auch die „Fully Loaded Time”, sodass wir auch eine Antwort auf die Frage erhalten, wie viel Zeit genau benötigt wird, um die Website vollständig zu laden.
Top Issues
Hier werden die gravierendsten Fehler mit einer Überschrift angezeigt. Wenn Sie auf die Rubrik klicken, erhalten Sie eine detaillierte Beschreibung der Fehler.
In jeder dieser Rubriken erscheint die Aufschrift „Learn how to improve this”. Wenn Sie darauf klicken, erhalten Sie Tipps, wie Sie den jeweiligen Wert verbessern können.
Page Details
GTmetrics unterteilt hier die Struktur der Website in die wichtigsten Elemente (z. B. Bilder, Videos, Schriftarten, HTML- und CSS-Codezeilen) und bestimmt deren Größe sowie den Anteil, den sie an der Ladegeschwindigkeit haben.
Performance-Tabelle
Hier werden nicht nur die Daten der drei hervorgehobenen Werte angezeigt, sondern alle sechs Werte, die wir im Abschnitt „Leistung” aufgeführt haben (FCP, SI, LCP, TTI, TBT, CLS).
Structure-Tabelle
Wenn Sie auf diesen Menüpunkt klicken, können Sie im Detail sehen, welche Elemente der Seite den optimalen Ladevorgang am meisten beeinflussen (z. B. Bildgröße, überflüssige Codezeilen, Format der visuellen Elemente usw.).
Das System zeigt bei jedem schwachen Wert an, um wie viel besser das Laden wäre, wenn wir den jeweiligen Fehler beheben würden, und gibt natürlich auch Empfehlungen dazu.