Browser-Leistung: was eine Seite wirklich verlangsamt

Die drei üblichen Verdächtigen

Bilder. Eine Drei-Megabyte-Datei, mit 400 Pixel dargestellt, ist die häufigste Verschwendung im Web. Liefern Sie in angepassten Größen, in modernen Formaten und mit verzögertem Laden für alles unter der Sichtkante.

Schriften. Vier Schnitte in zwei Familien fügen Wartezeit und Textflackern hinzu. Zwei genügen fast immer.

Drittanbieter-Skripte. Analytik, Chat, Marketing-Pixel. Jedes wirkt klein; zusammen sind sie meist der Großteil der Laufzeit. Zählen Sie sie einmal im Quartal und löschen, was niemand ansieht.

Messen, was der Nutzer spürt

Drei Dinge zählen für den Nutzer: wann der Hauptinhalt erschien, wie schnell die Seite auf die erste Berührung reagierte und wie stark sich das Layout beim Laden verschob. Die ersten beiden sind bekannt; das dritte ist die Ursache Nummer eins für ein billig wirkendes Gefühl.

Messen Sie auf einem Mittelklassegerät und im Mobilfunknetz, nicht auf Ihrer glasfasergebundenen Entwicklermaschine.

Verbesserungen in absteigender Reihenfolge des Nutzens

Kompression und Auslieferung aus einem Netz; explizite Maße für Bilder, um Verschiebungen zu verhindern; Aufschub von Skripten, die für die erste Darstellung nicht nötig sind; Aufteilung des Codes, damit jede Seite nur lädt, was sie braucht.