Website optimieren – das sind die größten Baustellen

Eine der wichtigsten Aufgaben für Website-Betreiber ist es, die Surferfahrung der Besucher so angenehm wie möglich zu gestalten. Bereits der Aufruf der Startseite ist entscheidend: Durch zu lange Ladezeiten verlieren Sie unnötig viele Interessenten – ein Thema, das mit dem zunehmenden mobilen Traffic weiterhin an Bedeutung gewinnt. Wenn Sie die Website-Performance im Auge behalten und regelmäßig verbessern, stellen Sie schnell fest, dass Ihre Besucher mehr Zeit auf Ihrer Website verbringen und nicht bereits nach einem einzelnen Seitenaufruf verschwinden, sondern mehrere Pages öffnen werden. Positiver Nebeneffekt: Sie steigen so auch in der Gunst der Suchmaschinen und profitieren von besseren Rankings.

Als erstes sollten Sie sich fragen: Genügt die aktuelle Hosting-Umgebung den Ansprüchen Ihres Webprojekts? Viele Website-Betreiber wollen ausgerechnet bei der Leistung und den Kapazitäten des Servers sparen und präferieren das günstigste Angebot. Die Konsequenz: Im entscheidenden Moment fehlt die notwendige Bandbreite, um alle Nutzeranfragen zu verarbeiten. Insbesondere Besucherspitzen und starkem Wachstum zeigen sich Billig-Hosting-Lösungen, bei denen sich mehrere Parteien einen Server teilen, nicht gewachsen. Ein weiterer typischer Fehler ist es, die eigene Website auf einem Server im Ausland zu hosten, obwohl das Angebot in erster Linie auf den nationalen Markt beschränkt ist – auch dadurch erhöht sich die Ladezeit für Ihre Besucher.

Das können Sie tun:

• auf flexible Hosting-Lösungen mit uneingeschränktem Webspace und Traffic zurückgreifen
• nur Server mieten, die sich in Rechenzentren im Land der meisten Nutzer befinden
• ein Content Delivery Network (CDN) nutzen, wenn Sie eine internationale Zielgruppe ansprechen wollen
• das Hosting selbst übernehmen und perfekt auf das eigene Projekt abstimmen

Multimediale Inhalte sind ein wichtiger Bestandteil einer guten Website. Gleichermaßen wie Design und Layout prägen sie das Erscheinungsbild Ihrer Website und verleihen den Texten Ausdruck. Insbesondere im E-Commerce sind Sie darauf angewiesen, Ihre Produkte mit hochwertigen Bildern zu präsentieren. Mit jedem hinzugefügten Bild oder Foto erhöht sich jedoch die Ladezeit der Website, vor allem wenn diese nicht auf dem eigenen, sondern auf einem fremden Server abgespeichert sind. Das gilt auch für andere Mediendateien wie Musik, Videos oder PDFs.

Das können Sie tun:

• möglichst wenige Elemente von externen Seiten laden
• überflüssige Bilder, Videos etc. vermeiden
• Bilder mithilfe von Tools komprimieren
• Bilder auf einen externen Server auslagern
• Breite und Höhe der Bilder angeben (werden ansonsten vom Browser berechnet)
• SVG-Icons (skalierbare Vektorgrafiken) verwenden
• mithilfe des jQuery-Plug-ins Lazy Load den Ladevorgang aller Bilder außerhalb des Anzeigebereiches verzögern (werden erst geladen, wenn der Besucher zu ihnen scrollt)
• das effiziente Bildformat WebP einsetzen

Ein Problem vieler langsamer Websites ist der Verzicht auf Caching-Mechanismen. Dabei kann durch gut eingerichtete Zwischenspeicher mit wenig Aufwand eine Menge zur Website-Optimierung beigetragen werden. Zwischengespeicherte Inhalte müssen nicht bei jedem Aufruf erneut vom Webserver angefordert werden und laden entsprechend schneller. Nebenbei sorgt das auch für eine Entlastung des Webservers, der in der Folge wesentlich weniger Anfragen bearbeiten muss. Sie können alle statischen Elemente wie JavaScript- und CSS-Dateien, Bilder oder Dokumente cachen und definieren, wie lange diese im Zwischenspeicher verweilen sollen.

Das können Sie tun:

• den Browser der Besucher als Cache einsetzen (Browser-Cache): bei einem Apache-Webserver beispielsweise aktivieren Sie dazu das „mod_expires“-Modul und definieren, wie lang die entsprechenden Dateitypen im Cache bleiben sollen; den Rest übernimmt der jeweilige Browser des Users
• einen Reverse-Proxy-Server einrichten und als Cache nutzen (Webcache) bzw. auf die Dienste eines Content Delivery Networks zurückgreifen, wodurch Sie Zugriff auf ein ganzes Netz aus weltweit verteilten Reverse-Proxy-Servern erhalten
• Cache-Software wie memcached verwenden, um dynamische Inhalte vorübergehend im Arbeitsspeicher zu hinterlegen und so die Datenbankzugriffe zu minimieren

Von diesen größeren Schritten zur Performance-Optimierung Ihres Webprojekts abgesehen gibt es viele kleinere Maßnahmen, die ebenfalls helfen, die Ladezeiten niedrig zu halten. Hierzu zählen beispielsweise:

• Redirects/Weiterleitungen auf ein Minimum reduzieren
• Zeichencodierung im HTML-Dokument angeben
• fehlerhafte Inhalte regelmäßig entfernen
• den übermäßigen Einsatz von Plug-ins im CMS vermeiden
• in Cookies gesammelte Informationen beschränken
• Favicons verwenden (denn Browser durchsuchen den Webserver stets nach der favicon.ico-Datei)
• HTTP/2 aktivieren

Wenn Sie bisher auf Maßnahmen verzichtet haben, Ihre Website schneller zu machen, sollten Sie möglichst bald mit ihnen beginnen. Google hat in einer 2017 angelegten Studie herausgefunden, dass die Wahrscheinlichkeit, dass ein Nutzer abspringt, bei mobilen Websites um 123 % steigt, wenn die Ladezeit 10 Sekunden erreicht. Schon bei 5 Sekunden ist die Wahrscheinlichkeit 90 % höher als normalerweise. Man sollte also dem Faktor Website-Speed einen hohen Stellenwert einräumen.

Wollen Sie potenzielle Kunden bzw. Interessenten nicht schon beim Aufruf Ihrer Startseite verlieren, handeln Sie rechtzeitig, indem Sie Ihre Website optimieren und so nebenbei die Weichen stellen für die mobile Ära.