Webseitenoptimierung und Performance

Weshalb widmen wir dem Thema "Webseitenoptimierung", mit dem besonderen Fokus auf die Beschleunigung der Ladezeit und Performance von Webseiten, eine besondere Aufmerksamkeit? Studien unterschiedlicher Unternehmen wie Amazon, Google, Mozilla und Yahoo und mehr haben sich mit der Frage beschäftigt, in wieweit eine langsame Webseite Einfluss auf den Besucher nimmt. Verschiedene Studien zeigten ein wichtiges psychologisches Verhalten: Webseiten mit einer langen Ladezeit führen dazu, dass Besucher von der Webseite abspringen und alternative Webseiten aufsuchen.

Einfluss der Ladezeit auf das Nutzerverhalten

Amazon

Verzögert sich die Ladezeit um 100ms, so führt dies zu einem Umsatzrückgang von 1%.

(Quelle: Greg Linden, Amazon)

Google

Eine Verzögerung der Darstellung von Suchanfragen von 500ms führte zu 20% weniger Suchen.

(Quelle: Marrissa Mayer, Google)

Mozilla

Eine Beschleunigung der eigenen Webseite um 2.2 Sekunden führte zu 15% mehr Abrufen.

(Quelle: Blog of Metrics, Mozilla)

Yahoo

Lädt eine Webseite 400ms länger als andere Webseiten, so klicken 5-9% bereits auf "Zurück" im Browser.

(Quelle: Nicole Sullivan, Yahoo)

Wie kann man dieses Problem lösen? Unser Team von Webentwicklern hat verschiedene automatisierte Verfahren zur Webseitenoptimierung entwickelt, welche die Performance, speziell die Ladezeit von Webseiten, bis zu 50% erreichen.

Weniger Dateiabrufe

Bilder, StyleSheet- und JavaScript-Dateien werden zu wenigen Abrufen zusammengefasst. Hierdurch werden weniger Abrufe vom Browser notwendig.

CSS-Sprites

Einzelne Bilder werden mit einem eigenen Algorithmus analysiert und zu einem optimierten einzigen Bild zusammengefasst.

Bildeinbettung

Lassen sich Bilder nicht als CCS-Sprite verarbeiten so wird das Bild, soweit möglich, direkt in das StyleSheet eingebettet, sofern dies effizient ist.

Dateiminimierung

Alle Dateien werden analysiert und von überflüssigen Zeichen und Kommentare bereinigt und optimiert. Dateien werden hierdurch deutlich geringer.

Komprimierung und Zwischenspeicher

Verlustfreie Komprimierung von Dateien bei der Übertragung sowie die Nutzung des browsereigenen Zwischengespeicher.

Asynchroner Skriptabruf

Wir verlagern JavaScript-Dateien an das Ende eine Webseite und lassen diese erst laden, wenn die Webseite geladen wurde.

Neben diesen sehr entscheidenden Optimierungsmaßnahmen können, je nach Webseite, zusätzliche Lösungen noch eine zusätzliche Beschleunigung bewirken. So kann eine intelligente Einbindung von AJAX so genutzt werden, dass nur ein Teil der darzustellenden Artikel auf einer Seite angezeigt werden. Die Webseitenoptimierung zielt in diesem Fall darauf ab, dass der Besucher eine Webseite erhält und schon die ersten Artikel ansehen kann. Nach einem kurzen Moment werden dann weitere Artikel im Hintergrund nachgeladen. Diese Funktion ist für den Benutzer nicht erkennbar, jedoch erhielt der Benutzer sehr schnell Ihre Webseite dargestellt.

Viele weitere Lösungen sind von dem jeweiligen Projekt abhängig. Sprechen Sie uns an und wir analysieren gemeinsam den gegenwärtigen Zustand Ihrer Webseite und zeigen Potentiale für die Webseitenoptimierung und die Erhöhung der Webseitenleistung auf.

Kontakt