Top 15 Tipps zur Verbesserung der Seitengeschwindigkeit

Veröffentlicht: 2021-08-20

Wenn Seiten langsam geladen werden, ist es wahrscheinlicher, dass die Leute Ihre Website frustriert verlassen, bevor sie etwas anderes auf der Seite sehen. Tatsächlich ist die Seitengeschwindigkeit mittlerweile ein Rankingfaktor im Google-Suchalgorithmus. In diesem Blogbeitrag teilen wir mit Ihnen unsere Top-Tipps, wie Sie die Seitengeschwindigkeit verbessern und die Leute länger auf Ihrer Website halten können!

Verwandte: Top-Tipps zum Verwalten eines Blogs.


Was ist Pagespeed?

Die Seitengeschwindigkeit bezieht sich auf die Zeit, die zum Laden der Seiten einer Website benötigt wird, die normalerweise in Sekunden gemessen wird. Es ist wichtig zu beachten, dass dies nicht die Zeit ist, die es dauert, bis eine Website vollständig geladen ist, sondern wie lange es dauert, bis nur eine bestimmte Seite geladen ist.

Person auf einem Cumber mit Pagespeed-Scores darauf

Warum ist Pagespeed wichtig?

Die Seitengeschwindigkeit ist wichtig, da sie nachweislich in direktem Zusammenhang mit der Absprungrate steht. Wenn die Seiten Ihrer Website langsam geladen werden, verlassen Besucher die Seite oft, lange bevor sie überhaupt etwas Nützliches auf diesem Bildschirm sehen (was bedeutet, dass Sie potenzielle Conversions verlieren).

Wenn Sie die Leute auf Ihrer Website halten möchten, stellen Sie sicher, dass sie schnell geladen wird. Wenn das Laden der Seite fünf Sekunden oder länger dauert, besteht eine Chance von 90 %, dass sie von Ihrer Webseite wegklicken und nie wieder angezeigt werden!

Person, die mit Fragezeichen um sich herum denkt

Wie verfolgt man die Seitengeschwindigkeit?

Einer der wichtigsten Aspekte bei der Geschwindigkeitsoptimierung ist das Messen. Es hilft Ihnen, Ihren Fortschritt zu messen und ob die Änderungen tatsächlich funktionieren oder nicht, was zu einer insgesamt erfolgreicheren Website führt!

Sie können die Seitengeschwindigkeit mit einer Reihe verschiedener Tools verfolgen, darunter Google PageSpeed ​​Insights und Pingdom Tools.

SolarWinds-Homepage

Top-Tipps zur Verbesserung der Seitengeschwindigkeit

1. Bilder optimieren und komprimieren

Bilder, die groß und hochwertig sind, sehen toll aus, verursachen aber auch eine Verzögerung der Ladezeiten. Dies liegt daran, dass große Dateien mehr Bandbreite beanspruchen und längere Zeit zum Herunterladen benötigen, insbesondere bei langsameren Internetverbindungen.

Wenn Sie viele Bilder auf Ihrer Website verwenden, versuchen Sie, diese so weit wie möglich zu komprimieren, bevor Sie sie auf Ihre Website hochladen. Sie können Bilder mit einem Tool wie TinyPNG oder Smush komprimieren.

Letzteres ist hervorragend, wenn Sie WordPress als CMS verwenden. Zusammen mit der Lazyloading-Funktion komprimiert das Plugin automatisch jedes Bild auf Ihrer Website – alles ohne die Qualität zu beeinträchtigen.

Bildoptimierungsprogramm

2. HTTP-Anfragen minimieren

Wenn Sie viele Bilder, Skripte und andere Inhalte auf Ihrer Website verwenden (was häufig der Fall ist), kann dies Auswirkungen darauf haben, wie schnell die Seite geladen wird. Wenn Sie zu viele Ressourcen pro Anfrage verwenden, versuchen Sie, weniger Anfragen zu stellen, um die Ladezeit für Besucher zu verbessern.

Ein Server mit einem Pfeil in Richtung eines Computers und der Computer mit einem Pfeil in Richtung des Servers

3. CSS komprimieren

Je mehr Skripte gleichzeitig ausgeführt werden, desto langsamer sind Ihre Seiten in der Regel. Sie sollten auch Stylesheets komprimieren, damit sie nicht so viel Speicher beanspruchen oder die Verarbeitungslast beim Rendern erhöhen. Sie können dies tun, indem Sie ein Tool wie YUI Compressor verwenden.

ein CSS-Kompressor-Plugin

4. Minimieren Sie die DOM-Manipulation

Eine andere Möglichkeit, Websites schneller zu machen, besteht darin, die DOM-Manipulation zu minimieren. Wenn Sie mit JavaScript etwas am Elementbaum einer Webseite manipulieren, wirkt sich dies nicht nur auf dieses Element aus, sondern auf das gesamte Dokument. Dies kann die Ladezeit der Seite erheblich verlangsamen.

eine Schildkröte krabbelt

5. Optimieren Sie Ihre Skripte

JavaScript ist ein großartiges Werkzeug für die Webentwicklung, da es uns ermöglicht, mit jedem Aspekt unserer Website und unseres Codes zu interagieren. Dies hat jedoch auch seinen Preis dafür, wie schnell Ihre Seiten geladen werden. Stellen Sie sicher, dass Sie nur die erforderlichen Skripts verwenden, damit sie das Surferlebnis Ihrer Besucher nicht verlangsamen.

Person draußen, die auf einem Tablet lächelt

6. Begrenzen Sie die CPU-Auslastung, indem Sie Aufgaben in einem anderen Thread ausführen

Wenn Sie ein Skript oder eine prozessorintensive Aufgabe ausführen, kann dies Ihre CPU wirklich überlasten und sich negativ auf die Seitenladezeit auswirken. Um dieses Problem zu lösen, versuchen Sie, diese Aufgaben in einem anderen Thread auszuführen, damit sie das Rendern nicht verlangsamen.

ein Rendering einer CPU

7. Aktivieren Sie die Komprimierung in serverseitigen Sprachen wie PHP oder Python

Wenn Sie eine Webseite oder Web-App schreiben, die im Code enthalten ist, wie PHP oder Python, stellen Sie sicher, dass die Komprimierung aktiviert ist. Dies verringert die Größe Ihrer Dateien und damit die Ladezeiten.

PHP-Logo neben dem Python-Logo

8. Wählen Sie das beste Hosting

Hosting ist ein wichtiger Bestandteil jeder Website, da es einen erheblichen Einfluss darauf haben kann, wie schnell die Website geladen wird. Im Allgemeinen sollten Sie sich für eine Hosting-Lösung entscheiden, die eine höhere Verarbeitungsleistung und Bandbreite bietet.

Dies ist nicht der richtige Zeitpunkt, um billig zu gehen und zu versuchen, jeden Cent zu sparen, insbesondere wenn Sie vorhaben, eine große Website mit vielen Inhalten zu erstellen.

Person, die an einem Server-Stack arbeitet

9. Verwenden Sie Caching

Eine Möglichkeit, die Seitenladezeit erheblich zu verbessern, besteht darin, das Caching auf Ihrem Webserver zu aktivieren. Wenn diese Funktion korrekt funktioniert, müssen Besucher beim Besuch einer Ihrer Seiten nichts herunterladen, da alles bereits zuvor heruntergeladen wurde.

Sie können Ihre Webseiten zwischenspeichern, um das Laden auf Serverebene zu beschleunigen. Um dies zu tun, müssen Sie sich nur mit Ihrem Hosting-Unternehmen in Verbindung setzen und es wird sich von dort aus darum kümmern!

Neben der Serverebene können WordPress-Benutzer ein kostenloses WordPress-Plugin wie W3 Total Cache verwenden, das durch das Zwischenspeichern Ihrer Seiten schnellere Ladegeschwindigkeiten von Webseiten bietet.

Verwandte: Ist WordPress gut für SEO?

Total Cache-Plug-in-Logo

10. Aktivieren Sie die Gzip-Komprimierung in Apache oder NGINX

Wenn Sie Apache oder NGINX als Webserver-Software verwenden, stellen Sie sicher, dass Sie die Unterstützung für die Gzip-Komprimierung aktiviert haben. Auf diese Weise werden Dateien komprimiert, bevor sie an den Browser übermittelt werden.

Gzip-Logo

11. Reduzieren Sie Ladeverzögerungen mit ETag

Eine Möglichkeit, Ladeverzögerungen zu vermeiden, besteht darin, ETag-Header zu implementieren. Diese Header werden verwendet, um den Inhalt einer Datei zu verschiedenen Zeitpunkten zu beschreiben. Wenn Sie ETags verwenden, ist es wahrscheinlicher, dass Besucher nur die Änderungen erhalten, die sie benötigen, anstatt alles erneut herunterladen zu müssen.

Person, die auf ihre Uhr schaut, während sie auf einen Computer schaut

12. Verwenden Sie schnell ladende Schriftarten

Bei der Gestaltung von Websites verwenden wir häufig Schriftarten, die unserer Arbeit Charakter und Persönlichkeit verleihen. Es ist jedoch wichtig, sicherzustellen, dass diese Schriftartdateien optimiert sind! Sie sollten die Einbettung von Webfonts in Betracht ziehen, da dies die Reaktionszeit und Bandbreite des Servers spart. Außerdem bietet die Verwendung einer Schriftart (oder mehrerer), die sich bereits auf dem Computer Ihres Besuchers befindet, die schnellsten Ladezeiten.

Suchergebnisse für Google Fonts

13. Lazy Loading

Eine der einfachsten Möglichkeiten, die Seitengeschwindigkeit zu verbessern, ist die Verwendung einer Technik namens Lazy Loading. Dazu müssen Sie JavaScript-Code in Ihrem HTML-Dokument in dem Moment aufrufen, in dem er benötigt wird, anstatt alle Ressourcen im Voraus herunterzuladen – auch die, die noch nicht verwendet werden. Benutzer von WordPress können die verfügbaren Plugins nutzen, um dies zu erreichen.

Lazy-Load-Plugin

14. Deaktivieren Sie Plugins oder Themes, die die Leistung der Site beeinträchtigen könnten

Plugins eignen sich hervorragend für die Funktionalität und das Hinzufügen von Funktionen zu WordPress-Sites, können jedoch in einigen Fällen auch die Ladezeiten erheblich verlängern. Als Besitzer einer WordPress-Site ist dies möglich, indem nicht mehr benötigte Plugins oder Themes deaktiviert werden. Es mag nicht viel erscheinen, aber jedes bisschen hilft! Die Idee hier ist, das Aufblähen der Website zu reduzieren und weniger Code im Hintergrund laufen zu lassen.

Es ist auch erwähnenswert, dass veraltete oder schlecht gewartete Plugins eine ernsthafte Sicherheitsbedrohung für Ihre Website darstellen können. Versuchen Sie daher, die Anzahl der von Ihnen verwendeten Plugins zu begrenzen oder stellen Sie sicher, dass sie regelmäßig aktualisiert werden.

Nicht alle Plugins verlangsamen Ihre Website jedoch! Tatsächlich gibt es einige Speed-Plugins, die die Geschwindigkeit Ihrer Website verbessern. Ich empfehle, sie einzeln zu testen, um zu sehen, welche die Ladezeit verkürzen.

Screenshot der Deaktivierung von Plugins

15. Reduzieren Sie Weiterleitungen

Weiterleitungen können in einigen Fällen hilfreich sein, aber wenn es um die Seitenladezeit geht, gehören sie zu den schlimmsten Übeltätern. Versuchen Sie, die Anzahl der Weiterleitungen zu reduzieren, und sehen Sie, ob dies überhaupt bei den Ladezeiten hilft.

Abgesehen davon, dass Sie beim Erstellen Ihrer Website keine unnötigen Weiterleitungen erstellen, stellen Sie Ihre TLD so ein, dass sie mit so wenigen Weiterleitungen wie möglich aufgelöst wird – eine wäre perfekt!

Wenn auf Ihrer Site Weiterleitungen falsch eingerichtet sind, ist das in Ordnung, denn zum Glück gibt es ein Tool, das Ihnen hilft, sie zu identifizieren! Das Patrick Sexton Redirect Mapper Tool weist auf mögliche Fehler hin und erleichtert Ihnen die Behebung des Problems.

Glückskeks in zwei Hälften gebrochen und das Glückspapier kommt heraus

Fazit

Zusammenfassend lässt sich sagen, dass die Verbesserung der Ladezeit Ihrer Seite eine wertvolle Aufgabe sein kann. Es gibt eine Reihe verschiedener Strategien, die Ihnen dabei helfen, und einige sind aus verschiedenen Gründen effektiver als andere. Für welche Sie sich letztendlich entscheiden, hängt davon ab, welche Art von Inhalt geliefert wird und wie viel Aufwand für deren Implementierung erforderlich ist.

Viele dieser Tipps sind technischer Natur, daher ist es schwierig, eine allgemeine Regel zu geben, welche davon am besten funktioniert. Vieles hängt von der Art Ihrer Website und Ihrem eigenen technischen Wissen ab. Den meisten Leuten würde ich empfehlen, einen Fachmann zu beauftragen, um Ihre Website zu bereinigen und schneller zu machen.

Wenn Sie die Geschwindigkeit in kürzester Zeit verbessern möchten, würde ich mich auf das Komprimieren von Bildern, das Entfernen unnötiger Blähungen und die Verwendung von Caching-Plugins konzentrieren.