Zu sehen, wie Ihre WordPress-Website mit Schneckentempo lädt, kann unglaublich frustrierend sein. Nachdem wir Hunderte von Websites hier bei WPBeginner verwaltet haben, haben wir festgestellt, dass einer der größten Geschwindigkeitskiller etwas ist, das Sie vielleicht nicht einmal sehen: zu viele HTTP-Anfragen.
Jede Anfrage für ein Bild, ein Skript oder eine Datei fügt etwas mehr Ladezeit hinzu, was sich schnell summieren und dazu führen kann, dass Besucher abspringen. Die gute Nachricht ist, dass Sie kein Entwickler sein müssen, um einen großen Unterschied in der Leistung Ihrer Website zu erzielen.
Wir haben eine Liste der genauen, anfängerfreundlichen Methoden zusammengestellt, die wir verwenden, um diese Anfragen zu reduzieren. Lassen Sie uns die einfachen Schritte durchgehen, um Ihre Website spürbar schneller zu machen.
Warum HTTP-Anfragen in WordPress reduzieren?
Haben Sie sich jemals gefragt, warum manche Websites ewig zum Laden brauchen? Jede WordPress-Seite ist wie ein Puzzle aus verschiedenen Teilen, wie Bildern, CSS-Dateien, JavaScript, Video-Einbettungen und mehr. Alle diese Komponenten müssen zusammenkommen, damit eine Seite angezeigt werden kann.
Stellen Sie sich Ihren Browser wie einen geschäftigen Kellner vor, der hin und her zur Küche eilt, um jede Zutat einzeln zu holen. Das kann die Dinge verlangsamen, besonders wenn Ihre Website reich an visuellen Elementen und Funktionen ist. Jedes Element verlängert die Ladezeit.
Außerdem verlassen sich unsere Websites nicht nur auf das, was auf dem Server gespeichert ist. Sie greifen oft auf externe Quellen zurück, wie Google Analytics oder Social-Media-Widgets. Während diese Extras Ihre Website reicher und interaktiver machen können, können sie Ihre Website verlangsamen, wenn sie nicht optimiert sind.
Diese nicht optimierten Elemente können zu einer schweren Last werden, die Besucher frustriert, die eine schnelle Ladezeit erwarten. Eine langsame Website kann zu einer Verzögerung von einer Sekunde führen und Sie Conversions, Seitenaufrufe und sogar Kundenzufriedenheit kosten, wie eine Studie von Strange Loop hervorhebt.
Ähnlicher Beitrag: Der ultimative Leitfaden zur Steigerung der WordPress-Geschwindigkeit und -Leistung
Deshalb ist die Reduzierung von HTTP-Anfragen wichtig. Wie wir hier bei WPBeginner gemacht haben, kann die Konzentration darauf die Geschwindigkeit Ihrer Website erheblich verbessern, das Nutzerengagement steigern und letztendlich Ihr Geschäft ankurbeln. Geschwindigkeit ist nicht nur ein technischer Gewinn, sondern ein strategischer Vorteil.
So identifizieren Sie HTTP-Anfragen
Bevor wir Ihnen zeigen, wie Sie HTTP-Anfragen in WordPress reduzieren können, gehen wir darauf ein, wie Sie diese identifizieren können.
Sie können die von Ihrer Website gesendeten HTTP-Anfragen einfach mit den Entwicklertools Ihres Browsers anzeigen. Dies zeigt Ihnen eine Liste der Dateien an, die geladen werden müssen, um die Webseite anzuzeigen.
In Google Chrome können Sie beispielsweise die Entwicklertools öffnen, indem Sie zu Anzeigen » Entwickler » Untersuchen gehen. Sie können auch mit der rechten Maustaste auf die Seite klicken und im Menü „Untersuchen“ auswählen.
Navigieren Sie dann zum Tab 'Netzwerk'. Laden Sie die Seite neu, und Sie sehen eine Liste aller geladenen Ressourcen, einschließlich interner und externer HTTP-Anfragen.
Um externe HTTP-Anfragen einfach zu sehen, suchen Sie die Filterleiste oben im Netzwerk-Panel und aktivieren Sie das Kontrollkästchen „3rd-party requests“. Dadurch werden alle Dateien ausgeblendet, die von Ihrer eigenen Domain geladen werden.
Wenn Sie nur bestimmte Dateitypen sehen möchten, die sich auf Ihre Ladezeiten auswirken können, wie z. B. JS (JavaScript) oder CSS, verwenden Sie einfach die Schaltflächen oben, um die Liste zu filtern.
Achten Sie auf Dateien, die langsam geladen werden. Sie können die Spalte 'Zeit' betrachten, um zu sehen, wie lange jede dieser Ressourcen zum Laden benötigt. Dann können Sie auf diese Spaltenüberschrift klicken, um die Liste nach Zeit zu sortieren, und wenn Sie erneut darauf klicken, werden die langsamsten Dateien ganz oben angezeigt.
Wenn Sie sich die vierte Spalte „Initiator“ ansehen, sehen Sie manchmal den Namen des Plugins oder Themes, das die Datei geladen hat. Notieren Sie sich alle Plugins oder Themes, die langsam ladende Dateien anfordern.
Sie können Tools von Drittanbietern wie Pingdom verwenden, um einen detaillierteren Bericht zu erhalten. Weitere Informationen finden Sie in unserem Leitfaden unter So verfolgen Sie Anfragen von Drittanbieter-Domains in WordPress.
Jetzt, da Sie wissen, wie Sie HTTP-Anfragen identifizieren, tauchen wir in die effektivsten Methoden ein, um sie auf Ihrer WordPress-Website zu reduzieren.
- CSS- und JavaScript-Dateien kombinieren
- Bilder und Videos per Lazy Load laden
- Verwenden Sie ein Content Delivery System (CDN)
- Browser-Caching nutzen
- Minimieren Sie die Verwendung externer Ressourcen
- Bonus: Gzip-Komprimierung aktivieren
- Häufig gestellte Fragen zur Reduzierung von HTTP-Anfragen
- Zusätzliche Ressourcen zur WordPress-Leistung
1. CSS- und JavaScript-Dateien kombinieren
Der beste Weg, die Anzahl der HTTP-Anfragen an Ihre Website zu reduzieren, ist die Reduzierung der Anzahl der Dateien, auf die zugegriffen werden muss. Sie können mehrere Dateien kombinieren, um HTTP-Anfragen ohne Funktionsverlust zu reduzieren.
Anstatt beispielsweise mehrere CSS-Dateien für verschiedene Teile des Designs Ihrer Website zu haben, können Sie diese zu einer einzigen Datei zusammenführen. Diese einzelne Datei enthält den gesamten notwendigen Styling-Code, und der Browser muss nur eine Anfrage stellen, anstatt viele.
Ähnlich können Sie mehrere JavaScript-Dateien zu einer zusammenfassen, wodurch die Anzahl der Anfragen reduziert wird, die zum Laden der interaktiven Elemente Ihrer Website erforderlich sind.
Hinweis: Während das Kombinieren von Dateien eine großartige Praxis ist, ist es hilfreich zu wissen, dass moderne Webprotokolle wie HTTP/2 mehrere kleine Dateien sehr schnell laden können, manchmal sogar schneller als eine große Datei.
Für Websites mit älterem Hosting oder für maximale Kompatibilität bleibt das Kombinieren und Minifizieren von Dateien jedoch eine solide Strategie zur Reduzierung von Anfragen. Tools wie WP Rocket erledigen dies intelligent für Sie! 👍
Mehrere WordPress-Plugins können diesen Prozess für Sie automatisieren. Beliebte Optionen sind WP Rocket (kostenpflichtig) und Autoptimize (kostenlos).
Detaillierte Informationen zur Verwendung dieser Plugins finden Sie in unserem Leitfaden So beheben Sie Render-Blocking JavaScript und CSS in WordPress.
Zusätzlich zur Kombination Ihrer Dateien werden diese Plugins sie auch minifizieren. Dies entfernt unnötige Zeichen wie Leerzeichen und Kommentare aus dem Code, wodurch die Dateien kleiner werden, ohne ihre Funktionalität zu beeinträchtigen.
Dies verbessert die Ladegeschwindigkeit weiter, indem die Menge der herunterzuladenden Daten reduziert wird.
2. Bilder und Videos verzögert laden
Lazy Loading ist eine weitere großartige Möglichkeit, die Leistung Ihrer Website zu verbessern, insbesondere wenn Ihre Seiten viele Bilder oder Videos enthalten.
Es ist erwähnenswert, dass WordPress Bilder standardmäßig automatisch mit Lazy Loading lädt, was ein guter Anfang ist. Plugins wie WP Rocket geben Ihnen jedoch mehr Kontrolle und können auch Videos und iframes mit Lazy Loading laden, was einen noch größeren Unterschied machen kann.
Normalerweise lädt WordPress alle Mediendateien, bevor eine Webseite angezeigt wird, auch wenn diese Bilder oder Videos weiter unten auf der Seite liegen und für den Benutzer nicht sofort sichtbar sind. Dies kann die anfängliche Seitenladezeit erheblich verlängern.
Lazy Loading optimiert diesen Prozess, indem das Laden von Bildern und Videos verzögert wird, bis sie kurz davor sind, in den Ansichtsbereich des Benutzers zu scrollen.
Diese hilfreichen Tutorials helfen Ihnen dabei, zu lernen, wie Sie Lazy Loading auf Ihrer WordPress-Website einrichten:
- Bilder in WordPress einfach per Lazy Load laden
- So fügen Sie ganz einfach Lazy Loading für Videos in WordPress hinzu
- Gravatare in WordPress-Kommentaren per Lazy Load laden
3. Verwenden Sie ein Content Delivery Network (CDN)
Die Verwendung eines Content Delivery Network (CDN) ist eine weitere effektive Strategie zur Verbesserung der Ladezeit Ihrer WordPress-Website, insbesondere für Benutzer, die sich weit von Ihrem Webserver entfernt befinden.
Im Gegensatz zu den vorherigen Methoden reduziert ein CDN nicht die Anzahl der HTTP-Anfragen. Stattdessen optimiert es die Handhabung dieser Anfragen.
Normalerweise werden die Dateien Ihrer Website auf einem einzigen Webserver gespeichert, und Benutzer aus aller Welt müssen Dateien von diesem einen Standort anfordern.
Ein CDN speichert Kopien der Dateien Ihrer Website auf schnellen Servern auf der ganzen Welt, und sie werden dem Browser des Benutzers von dem Server geliefert, der ihm am nächsten ist.
Möglicherweise möchten Sie unseren Expertenvergleich der besten WordPress CDN-Dienste sehen, um zu erfahren, welche Option am besten zu Ihrer Website passt.
Bei WPBeginner nutzen wir Cloudflare, um unsere Seitenladezeiten zu verbessern, und Sie können unserer Schritt-für-Schritt-Anleitung folgen, wie Sie Cloudflare Free CDN in WordPress einrichten.
4. Browser-Caching nutzen
Sie können auch Browser-Caching nutzen, um HTTP-Anfragen an Ihre Website zu reduzieren, insbesondere wenn Sie wiederkehrende Benutzer haben, die Ihre Website häufig besuchen.
Wenn ein Benutzer Ihre Website zum ersten Mal besucht, lädt sein Browser alle notwendigen Ressourcen herunter, wie z. B. Bilder, Stylesheets und JavaScript-Dateien. Browser-Caching ermöglicht es dem Browser, Kopien dieser Dateien lokal auf dem Computer des Benutzers zu speichern.
Wenn sie das nächste Mal Ihre Website besuchen, prüft der Browser seinen lokalen Cache, bevor er HTTP-Anfragen an Ihren Server sendet. Wenn eine abgelaufene Kopie einer Datei im Cache gefunden wird, verwendet der Browser die lokale Datei, anstatt sie erneut herunterzuladen.
Dies reduziert die Anzahl der an Ihren Server gestellten HTTP-Anfragen erheblich, was zu schnelleren Ladezeiten für wiederkehrende Besucher führt.
Wenn Ihre Website-Inhalte jedoch häufig aktualisiert werden, ist es wichtig, geeignete Ablaufzeiten für zwischengespeicherte Ressourcen festzulegen. Dies stellt sicher, dass Ihre Benutzer schließlich die neuesten Versionen Ihrer Dateien erhalten.
Sie können steuern, wie lange Ressourcen zwischengespeichert werden, indem Sie Expires-Header in WordPress hinzufügen. Diese Header teilen dem Browser mit, wann eine zwischengespeicherte Datei als veraltet betrachtet werden sollte und neu von Ihrem Server heruntergeladen werden muss.
5. Minimieren Sie die Verwendung externer Ressourcen
Viele WordPress-Plugins und -Themes laden Ressourcen wie Skripte, Stylesheets und Bilder von externen Websites, wie z. B. Google Analytics, Facebook und Schriftanbietern.
Diese externen HTTP-Anfragen können die Ladezeit Ihrer Website beeinträchtigen, da der Browser mehrere Server verbinden muss, um alle notwendigen Komponenten abzurufen.
Selbst wenn diese externen Ressourcen für Geschwindigkeit optimiert sind, kann die Verwendung zu vieler davon die Leistung Ihrer Website verlangsamen.
Um diese externen HTTP-Anfragen zu reduzieren, können Sie damit beginnen, nicht benötigte Plugins und Themes zu deaktivieren und zu löschen.
Sie sollten auch in Erwägung ziehen, Alternativen für Plugins oder Themes zu finden, die langsam ladende Dateien anfordern. Möglicherweise sind Ihnen einige aufgefallen, als Sie zuvor HTTP-Anfragen identifiziert haben.
Und bei der Auswahl von WordPress-Plugins sollten Sie die externen Ressourcen, die sie laden, berücksichtigen. Sie sollten Plugins bevorzugen, die die Leistung priorisieren, und solche vermeiden, die übermäßige externe Skripte oder Stile laden.
Für eine detailliertere Kontrolle über Plugins sollten Sie ein Plugin-Verwaltungstool wie Plugin Organizer in Betracht ziehen. Dies ermöglicht es Ihnen, Plugins selektiv nur auf den Seiten zu laden, auf denen sie benötigt werden.
Schließlich werden benutzerdefinierte Webfonts oft von externen Anbietern wie Google Fonts geladen und können erheblich zu HTTP-Anfragen beitragen. Sie sollten die Anzahl der von Ihnen verwendeten Schriftfamilien und Schriftschnitte begrenzen oder die Verwendung von Systemschriften in Betracht ziehen, die bereits auf den Computern der Benutzer installiert sind.
Bei WPBeginner sind wir 2021 auf Systemschriftarten umgestiegen, was unsere Seitenladezeiten verbesserte, insbesondere für Benutzer mit langsameren Internetverbindungen. Sie können lernen, wie Sie dasselbe tun, in unserem Leitfaden zum Thema Deaktivieren von Google Fonts auf Ihrer WordPress-Website.
6. Bonus: Gzip-Komprimierung aktivieren
Ein letzter Tipp ist, die GZIP-Komprimierung zu aktivieren, um die Größe der Dateien auf Ihrem Webserver zu reduzieren.
Dies reduziert zwar nicht direkt die Anzahl der HTTP-Anfragen, beschleunigt aber den Prozess und macht die Übertragung Ihrer Website-Dateien schneller.
Häufig gestellte Fragen zur Reduzierung von HTTP-Anfragen
Nachfolgend finden Sie einige der häufigsten Fragen, die uns zur Optimierung von HTTP-Anfragen und zur Verbesserung der WordPress-Website-Geschwindigkeit gestellt werden.
1. Was ist eine HTTP-Anfrage?
Eine HTTP-Anfrage ist, wenn ein Webbrowser einen Server nach einem Stück Information fragt, das zum Laden einer Webseite benötigt wird. Dies kann ein Bild, eine Stylesheet (CSS-Datei), ein Skript (JavaScript-Datei) oder ein anderer Teil Ihrer Website sein. Jede einzelne Datei erfordert eine separate Anfrage.
2. Wie viele HTTP-Anfragen sind zu viele für eine Website?
Es gibt keine einzelne magische Zahl, da dies von der Komplexität Ihrer Website abhängt. Ein gutes Ziel für die meisten kleinen Unternehmenswebsites ist es jedoch, unter 50-60 Anfragen pro Seite zu bleiben. Je weniger Anfragen Ihre Website stellen muss, desto schneller wird sie in der Regel für Ihre Besucher geladen.
3. Was ist der einfachste Weg für Anfänger, HTTP-Anfragen zu reduzieren?
Für Anfänger ist die einfachste Methode die Verwendung eines Caching- und Optimierungs-Plugins wie WP Rocket. Es kann CSS- und JavaScript-Dateien mit nur wenigen Klicks automatisch kombinieren, was die Anzahl der Anfragen erheblich reduziert, ohne dass Sie Code anfassen müssen.
4. Reduziert ein CDN die Anzahl der HTTP-Anfragen?
Nein, ein Content Delivery Network (CDN) reduziert nicht die tatsächliche Anzahl der Anfragen. Stattdessen macht es diese viel schneller. Ein CDN speichert Kopien Ihrer Dateien auf Servern auf der ganzen Welt, sodass, wenn der Browser eines Benutzers eine Datei anfordert, diese vom nächstgelegenen möglichen Standort geliefert wird, was die Ladezeit verkürzt.
Zusätzliche Ressourcen zur WordPress-Leistung
Wir hoffen, dieses Tutorial hat Ihnen geholfen zu lernen, wie Sie HTTP-Anfragen in WordPress reduzieren können. Möglicherweise möchten Sie auch unsere anderen Expertenanleitungen zur Verbesserung der Website-Geschwindigkeit und -Leistung lesen.
Testen und Diagnostizieren der Geschwindigkeit Ihrer Website
- So führen Sie einen Website-Geschwindigkeitstest richtig durch
- So verwenden Sie GTmetrix zur Verbesserung der Website-Leistung
- So belasten Sie eine WordPress-Website
Kernleistungsverbesserungen
Fortgeschrittene Optimierungstechniken
- Wie schnelles PHP & MySQL die Website-Geschwindigkeit steigern kann
- So vermeiden Sie riesige Netzwerk-Payloads in WordPress
Wenn Ihnen dieser Artikel gefallen hat, abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Video-Tutorials. Sie finden uns auch auf Twitter und Facebook.
Haben Sie eine Frage oder einen Vorschlag? Hinterlassen Sie bitte einen Kommentar, um die Diskussion zu beginnen.