Was eine Website wirklich schnell macht
Von Das AsasWeb-Team 1 Min. Lesezeit
Die größte einzelne Ursache für langsame Websites ist zu viel JavaScript, der größte Gewinn liegt also darin, weniger davon auszuliefern. Liefert danach moderne responsive Bilder in Formaten wie AVIF und WebP mit gesetzter Breite und Höhe aus und hostet, subsettet und optimiert eure Web-Schriften selbst. Messt die Core Web Vitals auf einem Mittelklasse-Smartphone mit langsamer Verbindung, denn Geschwindigkeit entsteht durch Entscheidungen während des gesamten Baus, nicht durch einen Patch am Ende.
Jeder möchte eine schnelle Website, und die meisten Ratschläge enden bei “optimiere deine Bilder”. Bilder sind wichtig, aber Geschwindigkeit ist die Summe vieler Entscheidungen, die beim Bauen getroffen werden. Hier liegen die echten Gewinne.
Weniger JavaScript ausliefern
Die mit Abstand häufigste Ursache für langsame Seiten ist zu viel JavaScript. Jedes Kilobyte muss heruntergeladen, geparst und ausgeführt werden, oft auf einem Mittelklasse-Smartphone mit viel weniger Leistung als ein Laptop. Liefere überwiegend HTML und CSS und füge JavaScript nur dort hinzu, wo es seinen Platz wirklich verdient. Seiten, die ohne es funktionieren, sind schneller und robuster.
Moderne, responsive Bilder ausliefern
Verwende moderne Formate wie AVIF und WebP, erzeuge mehrere Größen und lass den Browser die richtige für den Bildschirm wählen. Lege immer Breite und Höhe fest, damit das Layout beim Laden nicht springt. Ein Smartphone sollte nie ein Bild in Desktop-Größe herunterladen.
Schriften selbst hosten und abstimmen
Bei Web-Schriften geht leicht etwas schief. Hoste sie selbst, reduziere sie auf die
benötigten Zeichen, nutze font-display: swap und stimme die Fallback-Metriken ab, damit
der Text nicht verspringt, wenn die Web-Schrift ankommt. Das schützt deinen Cumulative
Layout Shift.
Messen, was Nutzer spüren
Core Web Vitals beschreiben das echte Erlebnis: Largest Contentful Paint für das Laden, Cumulative Layout Shift für die Stabilität und Interaction to Next Paint für die Reaktionsfähigkeit. Miss sie auf einem repräsentativen Mittelklasse-Smartphone und einer langsamen Verbindung, nicht nur auf einem schnellen Laptop, denn das nutzen viele deiner Besucher.
Performance wird eingebaut, nicht nachträglich ergänzt
Geschwindigkeit lässt sich nicht am Ende darüberstreuen. Sie entsteht aus den Entscheidungen während des gesamten Baus, und genau so gehen wir jedes Projekt an. Wenn sich deine Website langsam anfühlt, starte ein Projekt und wir finden heraus, warum.