Die vier häufigsten Performance-Fehler überwachen

Performance ist häufig eine der größten Herausforderungen in der Webentwicklung. Alle Features, die der Kunde einer Agentur benötigt, umzusetzen, ist das eine. Sie so zu bauen, dass sie auch schnell sind, das andere. In diesem Artikel wollen wir die häufigsten gemachten Fehler durchsprechen.

Wichtig hierbei ist auch zu verstehen, dass man nicht von sich auf andere schließen darf. Ja, die Webseite wird während der Entwicklung schnell sein. Dies liegt aber auch daran, dass der Webserver ggf. lokal auf dem eigenen Rechner installiert ist oder zumindest sehr nahe an einem dran ist. Die Internetleitung, die in einer Agentur aktiv ist, sollte auch nicht durchschnittlich sein. Spätestens wenn man ein Projekt fertiggestellt hat, sollte man die Webseite unter folgenden Umständen ausprobieren:

• Auf dem Land
• In der Bahn
• Auf dem Smartphone

Zu große Bilder

Der Klassiker sind zu große Bilder. Zum Glück auch eine Herausforderung, die am einfachsten zu beheben ist. Es gibt viele Gründe warum Bilder zu groß sein können. Häufig sind sie einfach nicht auf die richtige Höhe und Breite optimiert, sondern im Originalformat. Manchmal auch im falschen Dateiformat oder Meta-Dateien hängen noch dran.

Um zu große Bilder zeitnah zu finden überprüft koality.io die hinterlegten Seiten jede Stunde. Dabei werden auch Bilder berücksichtigt, die erst durch JavaScript im Browser geladen werden.

Zu viele Assets

Manchmal sind es nicht einzelne Bilder, die dafür sorgen, dass eine Webseite langsam ist, sondern die Summe der geladenen Inhalte. Viele mittelgroße Illustrationen können ebenfalls die gleichen Probleme bereiten, denn auch heute gibt es genügend Situationen, in denen man schlechtes Internet hat.

koality.io addiert die Größen aller geladenen Inhalte zusammen. Dies beinhaltet Bilder, JavaScript-Dateien, CSS-File, Videos und alles was sonst noch auf den Webseiten zu finden ist. Sobald die Gesamtgröße einen gesetzten Schwellwert übersteigt, wird alarmiert.

Zusätzlich werden alle Messwerte über den letzten Monat grafisch dargestellt, sodass man Veränderungen in der Seitengröße besser erkennen kann.

Zu viele Integrationen

Nicht nur die großen Inhalte können eine Webseite verlangsamen, sondern auch die Komplexität. Mittlerweile sind JavaScript-Integrationen überall zu finden. Immer mehr wird auf den Seiten eingebaut. Angefangen mit Google Analytics oder dem Facebook Pixel. All diese Werkzeuge brauchen Zeit im Browser und nicht immer kann dies parallelisiert werden.

Betrachten wir einige der am häufigsten genutzten Webseiten Deutschlands:

• otto.de - 19 Integrationen
• T-online.de - 37 Integrationen
• Bild.de - 34 Integrationen
• Tagesschau.de - 2 Integrationen
• Chip.de - 27 Integrationen
• Dhl.de - 1 Integration
• Wetter.com - 62 Integrationen
• Idealo.de - 20 Integrationen
• Immobilienscout24.de - 19 Integrationen

Um zu bewerten, ob eine Webseite langsam ist, braucht man objektive Maßstäbe. In diesem Fall ganz klassisch ist die Time-To-Load im Browser, also die Zeit, die ein Browser benötigt, bis er alle relevanten Inhalte geladen hat. Mittlerweile sind aber gar nicht mehr die technischen Geschwindigkeiten der Webseite der relevante Messwert, sondern die gefühlten. Wenn ein Nutzer findet, dass sie Seite schnell ist, dann ist sie auch schnell. Ist schwerer zu messen, macht aber sehr viel Sinn. Was kümmert es schließlich einen Nutzer, dass noch ein Werbeelement geladen werden muss, dass aber gar nicht im aktuellen Viewport ist.

koality.io bietet beide Werte: die gefühlte und die technische Geschwindigkeit. Beide werden kontinuierlich gemessen. Für die technische Geschwindigkeit wird die Seite in einem Chrome Browser ausgeführt, für die gefühlte Geschwindigkeit nutzen wir das Google Tool Lighthouse.

Langsame Server

Es gibt zwei Gründe, warum Webseiten als langsam wahrgenommen werden. Zum einen, kann das, was im Browser passiert sehr lange dauern, aber es gibt auch eine weitere Komponente: der Server. Dort wird die eigentliche Webseite zusammengebaut und dann ausgeliefert. Das meiste passiert auf dem Server. Aus diesem Grund muss man hier auch schnell sein.

Hier kann man sehr stark über die Anzahl der CPUs und des Speichers im Server skalieren. Manchmal ist nämlich Hardware günstiger als die Optimierung von Software.

Wichtig ist hier, dass man die Werte, kontinuierlich in der Überwachung hat. Sollte die Serverzeit langsam werden oder sich stark verändern, sollte sofort mit dem Hoster geredet bzw. auf einen neuen, schnelleren Server umgestiegen werden. koality.io überwacht genau dies und alarmiert, sobald etwas Unvorhergesehenes passiert.

In Zukunft werden wir in koality.io bereits die Lösungsansätze für die häufigsten Performance-Probleme anbieten. Dann könnt ihr jedes Mal, wenn wir eine Anomalie finden, die passende Anleitung befolgen.