Pingdom-Geschwindigkeitstest-Tool – So verbessern Sie die Pingdom-Scores

Schnell ladende Websites gewinnen im Vergleich zu langsamen immer mehr Verkehr, was sich auf das Ranking und die Leistung auswirkt. In diesem Artikel werde ich über das Pingdom-Geschwindigkeitstest-Tool sprechen, das Ihnen helfen kann, Leistungsprobleme auf Ihrer Website zu verstehen. Das Ziel ist es, Sie auf den Punkt zu bringen, wie schnell Ihre Website ist und wie Sie sie schneller machen können.

Zu oft interpretieren Benutzer die Daten des Pingdom-Geschwindigkeitstest-Tools falsch, bis sie ihre Website-Geschwindigkeit verschlechtern. Denken Sie daran, alle Werkzeuge immer als geführte Verwendung zu verwenden, da sie nicht 100% genau sind.

Was ist das Pingdom Speed ​​Test Tool und was bietet es?

Pingdom ist ein beliebtes kostenloses Tool zum Testen der Webgeschwindigkeit, eine Überwachungslösung für Ihre Websites, Anwendungen und Server. Es überwacht nicht nur die Betriebszeit, sondern auch die Ladeleistung, damit Sie sehen können, wie Ihre Besucher Ihre Website erleben. Pingdom bietet Dienste wie Verfügbarkeitsüberwachung, Überwachung der Seitengeschwindigkeit, Transaktionsüberwachung, Serverüberwachung und Besucherinformationen (RUM).

Warum ist es so beliebt? Nun, es ist wahrscheinlich das einfachste Tool, um die Website-Geschwindigkeit und die Seitenleistung zu überwachen. Nicht alle Benutzer können Leistungsexperten sein, daher ist es eine gute Wahl für den durchschnittlichen WordPress-Benutzer.

Sehen wir uns an, wie Sie einen Test auf Pingdom durchführen können. Die Verwendung des Pingdom-Geschwindigkeitstest-Tools ist keine große Sache – Sie müssen nur auf die Pingdom-Site gehen, Ihre URL eingeben und den Standort entsprechend dem Standort Ihrer Besucher auswählen. Klicken Sie dann auf die Schaltfläche 'Test starten' .

Mit dem Pingdom Speed ​​Test Tool können Sie Ihre Website an 7 verschiedenen Teststandorten (5 Kontinente) rund um den Globus testen :

• Asien – Japan – Tokio
• Europa – Deutschland – Frankfurt
• Europa – Großbritannien – London
• Nordamerika – USA – Washington DC
• Nordamerika – USA – San Francisco
• Pazifik – Australien – Sydney
• Südamerika – Brasilien – Sao Paulo

Welcher Standort für den Geschwindigkeitstest der Pingdom-Website wäre also der beste zum Testen? Es hängt von den Besuchern Ihrer Website ab. Stellen Sie sicher, dass Sie den Standort in der Nähe Ihrer Besucher auswählen. Wenn Ihre Website-Zielgruppe in Europa ansässig ist , haben Sie zwei Optionen zur Auswahl: (Europa – Deutschland – Frankfurt) oder (Europa – Großbritannien – London) . Wenn Ihre Site weltweite Besucher hat, testen Sie Ihre Site an verschiedenen Standorten und ergreifen Sie die entsprechenden Schritte zur Verbesserung.

Die Wasserfallanalyse mit dem Pingdom Speed ​​Test Tool verstehen

Eine Webseite ist im Allgemeinen eine Kombination aus HTML-, CSS-, JavaScript- und Mediendateien , die jeweils eine Anforderung zum Rendern auf dem Server generieren. Mehr Anfragen könnten der Grund für die langsame Geschwindigkeit der Seite sein. Es gibt mehrere Abschnitte im Pingdom-Geschwindigkeitstest-Tool, die die Bewertung und Verbesserungsvorschläge anzeigen. Die Abschnitte des Pingdom-Geschwindigkeitstest-Tools sind:

• Pingdom-Zusammenfassung
• Seitenleistung verbessern
• Antwortcodes
• Inhaltsgröße und Anfragen nach Inhaltstyp
• Inhaltsgröße und Anfragen nach Domain
• Wasserfalldiagramm

In diesem Abschnitt werde ich Ihnen erklären, wie Sie eine Wasserfallanalyse durchführen können, und ich werde jeden Pingdom-Abschnitt aufschlüsseln und detaillierter erklären.

Pingdom-Zusammenfassung

Wenn Sie eine WordPress-Website über Pingdom betreiben, wird ein Ergebnis basierend auf Leistungsklasse, Seitengröße, Ladezeit und Anfragen generiert .

Wenn Sie Ihre Website mehrmals testen, werden Sie feststellen, dass sich die Ladezeit Ihrer Website bei jedem Test ändert, während die anderen Ergebnisse (Leistungsnote, Seitengröße und Anfragen) gleich bleiben. Der Grund für diese Ladezeitvarianz ist DNS-Cache, CDN-Cache, WordPress-Cache und externe APIs.

Ein verbesserter Pingdom-Score hängt von Ihrer Webanwendung und der Serverkonfiguration ab. Es ist möglicherweise nicht immer möglich, 100-prozentige Ergebnisse zu erzielen, insbesondere wenn Sie eine E-Commerce-Website betreiben, aber es gibt immer Raum für Verbesserungen.

Seitenleistung verbessern

Der Abschnitt „Seitenleistung verbessern“ enthält zusammengefasste Leistungsbewertungen mit Vorschlägen zur Verbesserung der Seitenleistung. Obwohl diese Vorschläge möglicherweise nicht für jede Website gelten, erhöhen sie die Chancen auf eine Verbesserung.

Schauen wir uns diese Vorschläge an.

1) Verwenden Sie ein Content Delivery Network (CDN)

Das Wichtigste, was Sie auf Ihrer WordPress-Website verwenden sollten, ist ein CDN (Content Delivery Network). Das CDN bezieht sich auf eine geografisch verteilte Gruppe von Servern, die eine schnelle Bereitstellung von Internetinhalten ermöglichen. Dies ist ein Netzwerk von Servern, die sich auf der ganzen Welt befinden. CDN ermöglicht die schnelle Übertragung von Webinhalten, indem es näher an den Standort der Benutzer gebracht wird.

Wenn Sie ein Cloudways-Benutzer sind, können Sie CloudwaysCDN nutzen. Alle Cloudways-Hosting-Pläne verfügen über ein integriertes CloudwaysCDN, das mit wenigen Klicks aktiviert werden kann. Weitere Informationen finden Sie im WordPress CDN-Blog auf Cloudways.

Schauen wir uns einige CDN-Drittanbieter an:

1. SchlüsselCDN
2. CloudFlare-CDN
3. Amazon CloudFront
4. CDN77

Hier sehen Sie das WordPress-CDN-Benchmarking von drei weit verbreiteten beliebten CDN-Anbietern.

2) Vermeiden Sie HTTP 404 (Not Found) Fehler

Der Fehler HTTP vermeiden (404) wird im Vorschlag des Pingdom-Geschwindigkeitstesttools angezeigt, wenn die Anforderung nicht erfolgreich abgeschlossen werden konnte. Ein defekter Link, beispielsweise wenn Sie manuell einen Link zu einem gelöschten Bild auf der Seite anhängen, führt zu einem 404-Fehler.

Stellen Sie immer sicher, dass keine Anforderung für nicht mehr vorhandene Assets generiert wird.

3) Weiterleitungen minimieren

Der häufigste Vorschlag des Pingdom-Geschwindigkeitstest-Tools lautet „Umleitungen minimieren“. Eine Weiterleitung erfolgt, wenn eine Seite Ihrer Website das Laden einer anderen Seite bewirkt. Dies kann passieren, wenn Sie HTTP auf HTTPS umleiten, www auf nicht-www und sich die URL des aktualisierten Beitrags geändert hat.

Hier sind einige Dinge, die Sie tun können, um Ihre Website vor zu vielen Weiterleitungen zu schützen:

1. Verlinken Sie niemals auf eine Seite, die bereits eine Weiterleitung enthält, da dies zu mehreren Weiterleitungen führen kann.
2. Stellen Sie sicher, dass Sie deaktivierte/nicht verwendete Plugins löschen, die zu unnötigen Weiterleitungen führen können.
3. Verwenden Sie beim Erstellen von Links auf Ihrer Website das richtige Präfix HTTP oder HTTPS und prüfen Sie, ob es www oder nicht-www ist.

Wenn Sie mehr über Weiterleitungen erfahren möchten, lesen Sie den Cloudways-Artikel zu WP 301-Weiterleitungen.

4) Füge Expires-Header hinzu

Alle WordPress-Website-Dateien werden für einen Erstbesucher nacheinander geladen. Anfragen, die zwischen Ihrem Webbrowser und Ihrem Server generiert werden, erhöhen die Ladezeit der Website. Der Browser-Cache speichert die Website-Dateien auf dem Computer des Besuchers, sodass die Website bei einem erneuten Besuch der Website aus dem Browser-Cache anstelle des Servers geladen wird, was die Website beschleunigt.

Aber woher weiß der Browser, welche Datei gespeichert und welche Datei vom Server geladen werden soll und wie lange sie aufbewahrt werden soll? Hier kommen Expires-Header ins Spiel. Dies sind Regeln, die Webbrowsern mitteilen, ob Webseitenressourcen aus dem Browser-Cache eines Besuchers oder von Ihrem Server geladen werden sollen.

Kommen wir nun zum eigentlichen How-to-Teil. Ich zeige Ihnen, wie Sie Expires-Header mit zwei verschiedenen Methoden hinzufügen.

Hinzufügen von Expires-Headern mithilfe eines Plugins

Installieren Sie ein W3 Total Cache-Plugin. Gehen Sie nach der Installation und Aktivierung zu WordPress-Dashboard > Leistung > Browser-Cache , aktivieren Sie dann die Option " Kopf ablaufen lassen" und speichern Sie die Änderungen.

Wenn Sie mehr über das W3 Total Cache-Plugin erfahren möchten, lesen Sie den Cloudways-Artikel zur Verwendung des WordPress W3 Total Cache-Plugins für schnellere Websites.

Hinzufügen von Expires-Headern mithilfe eines Codes

Sie können Expires-Header auch mithilfe von Code hinzufügen. Finden Sie dazu heraus, ob Ihre Website Apache- oder Nginx-Server verwendet. Führen Sie dazu Ihre Website im Browser aus, drücken Sie Strg + Umschalt + I , um zum Netzwerk der Site zu gelangen (vielleicht müssen Sie die Site einmal aktualisieren), klicken Sie oben auf den Domainnamen und gehen Sie zur Kopfzeile Sektion. Dort finden Sie Ihren Servernamen.

Um Expires-Header zu einem Apache-Server hinzuzufügen, greifen Sie auf Ihre .htaccess-Datei zu, indem Sie einen beliebigen FTP-Server (Filezilla) und den angegebenen Code oben in Ihrer .htaccess-Datei verwenden.

 ## VERLÄUFT HEADER-CACHING ##
<IfModule mod_expires.c>
Läuft abAktiv am
ExpiresByType image/jpg "Zugriff 1 Jahr"
ExpiresByType image/jpeg "Zugriff 1 Jahr"
ExpiresByType image/gif "Zugriff 1 Jahr"
ExpiresByType image/png "Zugriff 1 Jahr"
ExpiresByType image/svg "Zugriff 1 Jahr"
ExpiresByType text/css "Zugriff 1 Monat"
ExpiresByType application/pdf "Zugang 1 Monat"
ExpiresByType Anwendung/Javascript "Zugriff 1 Monat"
ExpiresByType application/x-javascript "Zugriff 1 Monat"
ExpiresByType application/x-shockwave-flash "Zugriff 1 Monat"
ExpiresByType image/x-icon "Zugriff 1 Jahr"
ExpiresDefault "Zugriff 3 Tage"
</IfModule>
## LÄUFT HEADER-CACHING AB ##

Bei Cloudways können Sie auf Nginx-Ebene keine Änderungen vornehmen, aber Sie können Apache-Regeln verwenden und Expires-Header in die .htaccess-Datei Ihrer Anwendungen einfügen. Weitere Informationen finden Sie im Cloudways-Artikel Leverage Browser Caching in WordPress to Optimize Page Load Time.

5) Stellen Sie weniger HTTP-Anfragen

Jedes Mal, wenn Sie die Website laden, passiert eine Reihe technischer Dinge, die den Inhalt auf dem Bildschirm des Benutzers liefern, einschließlich einer HTTP-Anfrage. Was ist also eine HTTP-Anfrage? Wie wirkt es sich auf die Benutzererfahrung aus? Und was können Sie tun, um die HTTP-Anfragen Ihrer Website zu reduzieren?

Wenn jemand eine Seite Ihrer Website besucht, sendet der Webbrowser dieser Person eine Anfrage an Ihren Webserver. Ihr Server hostet die Webseite, die er auf Ihrer Site anzeigen möchte. Für jede einzelne Datei muss ein Webbrowser eine separate HTTP-Anfrage stellen . Je mehr Dateien Ihre Website hat, desto mehr HTTP-Anfragen werden von Ihrem Browser generiert. Mehr HTTP-Anfragen können die Benutzererfahrung Ihrer Website beeinträchtigen.

Hier sind einige allgemeine Strategien, um weniger HTTP-Anfragen zu stellen :

• Entfernen Sie HTTP-Anfragen, indem Sie unnötige Plugins entfernen, die Ihrer Website keinen Mehrwert verleihen, da Plugins normalerweise ihr eigenes CSS und JavaScript laden.
• Kombinieren Sie HTTP-Anfragen, indem Sie mehrere CSS-Dateien zu einer einzigen CSS-Datei zusammenführen. Die Website lädt schneller, da der Browser weniger Anfragen stellen muss.
• Eine der besseren Strategien besteht darin, das schwergewichtige Plugin durch leichtere zu ersetzen.
• Obwohl Bilder Ihre Site attraktiver machen und Ihrer Site einen Mehrwert verleihen, entfernen Sie die unnötigen Bilder und verwenden Sie immer die optimierten Bilder (Sie können ShortPixel und WP Compress verwenden, um Ihre Bilder zu optimieren).
• Verwenden Sie Lazy Loading für Bilder und Videos.

Verwenden Sie diese Punkte, um Ihre WordPress-Site für eine bessere Leistung zu beschleunigen.

6) Komprimieren von Komponenten mit GZIP

Die GZIP-Komprimierung ist eine Technologie, die die Dateidownloadzeit durch Komprimieren der Datendateien reduziert. Alle modernen Browser entpacken die komprimierten Dateien automatisch, wenn die komprimierten Daten vom Browser empfangen werden. Alle modernen Browser, Serversoftware und die besten WordPress-Hostings unterstützen die GZIP-Komprimierung. Die GZIP-Komprimierung kann die Dateigröße um bis zu 70 % reduzieren.

Cloudways wird mit einem installierten Breeze-Plugin geliefert, sodass Sie die GZIP-Komprimierung einfach durch die Installation und Aktivierung des Breeze WordPress-Cache-Plugins erreichen können.

Hier sind empfohlene Plugins für die GZIP-Komprimierung:

• GZIP mit WP Rocket
• GZIP mit WP Super Cache
• GZIP mit W3-Gesamt-Cache

W3 Total Cache ist ein Caching-Plugin mit einer kostenlosen Version. Sie müssen nur das Plugin installieren und aktivieren, und die GZIP-Komprimierung wird automatisch auf Ihrer Website aktiviert. Gehen Sie zu Leistung > Allgemeine Einstellungen und aktivieren Sie den 'Browser-Cache' . Klicken Sie auf die Schaltfläche "Alle Änderungen speichern" , nachdem Sie die Änderungen vorgenommen haben.

7) Vermeiden Sie leere Src oder Href

HTML-Attribute ohne Wertesatz (keine Informationen zwischen den Anführungszeichen) werden als 'leere' Attribute bezeichnet. Das leere Attribut der Quelle (src) und des Links (href) hebt den Browser hervor, eine Verbindung herzustellen , auch wenn kein URI-Wert (Uniform Resource Identifier) ​​vorhanden ist.

Hier sind einige Beispiele für leere Tags Source (src) und Link (href) in HTML und JavaScript :

HTML-Code:

 <img src=””>
<a href="">

JavaScript:

 var img = neues Image();
img.src = "";

Stellen Sie sicher, dass Ihre Website keine leeren HTML- und JavaScript-Tags enthält. Wenn ja, löschen Sie sie und pflegen Sie alle Ihre Links. Zweitens betrifft das Problem mit leeren Tags die Bilder. Überprüfen Sie daher beim Hochladen und Verwenden immer die Bildlinks.

8) Setzen Sie JavaScript unten ein

Dies bedeutet, dass Sie andere Seiteninhalte vor JavaScript laden, sodass ein Benutzer mit einer langsamen Internetverbindung nicht warten muss, bis das JavaScript geladen ist. Wenn JavaScript oben platziert ist, wird es zuerst geladen und beeinflusst die Benutzererfahrung, indem es den Rest des Seiteninhalts verlangsamt.

Speichern Sie Ihre JavaScript-Datei mit der Erweiterung .js (my-amazing-script.js) und platzieren Sie diese JS-Datei in Ihrem Theme-Verzeichnis (Sie können ein Verzeichnis für JavaScripts erstellen, dh public_html/wp-content/themes/your-theme/assets /js). Nachdem Sie Ihre JavaScript-Datei platziert haben, bearbeiten Sie die Datei functions.php Ihres Themes und fügen Sie diesen Code hinzu:

 Funktion wpb_adding_scripts() {
wp_register_script('my-amazing-script', get_template_directory_uri() . '/js/my-amazing-script.js','','1.1', true);
wp_enqueue_script('mein-erstaunliches-Skript');
}
add_action( 'wp_enqueue_scripts', 'wpb_adding_scripts');

Die verwendete Funktion wp_register_script() und sie beinhaltet:

 <?php
wp_register_script( $handle, $src, $deps, $ver, $in_footer );
?>

Setzen Sie den Parameter $in_footer auf true, um das Skript in der Fußzeile oder am Ende einer WordPress-Seite hinzuzufügen.

Antwortcodes

Der nächste Abschnitt im Pingdom-Geschwindigkeitstesttool sind Antwortcodes, die auch als HTTP-Statuscodes bezeichnet werden. In diesem Abschnitt erfahren Sie, was mit allen Ressourcen passiert, die Sie auf der Seite laden. Einige gängige sind:

• 200 – Alles in Ordnung
  301 – Die angeforderte Ressource wurde dauerhaft verschoben
  404 – Die angeforderte Ressource wurde nicht gefunden

Antwortcodes im Bereich von 200 bis 300 sind normalerweise in Ordnung, aber die zwischen 400 und 500 werden normalerweise als Fehler bezeichnet, die Sie beheben sollten.

Inhaltsgröße und Anforderungen nach Inhaltstyp

Dies hilft Ihnen, die Ressourcen Ihrer Webseite zu sehen. Die Tabellen sind die Informationen über die Verbreitung Ihrer Inhalte und Ihre Anfragen.

Inhaltsgröße nach Inhaltstyp bietet eine Liste aller Ihrer Website-Assets, gruppiert nach Inhaltstyp. Diese Informationen können Ihnen helfen, die Fehler auszusortieren. Wenn Sie feststellen, dass die Inhaltsgröße nach Inhaltstyp höher ist als erwartet, können Sie an diesem Teil des Inhalts arbeiten, um die Leistung zu verbessern.

Inhaltsgröße und Anfragen nach Domain

Im Abschnitt Inhaltsgröße und Anfragen nach Domain können Sie die internen und externen Dienste mit ihren mittleren Größen anzeigen. In diesem Abschnitt werden die von der Domäne generierten Anforderungen angezeigt. Es wird empfohlen, weniger externe Anfragen zu stellen, da jeder externe Dienst seine eigene Latenzzeit einführt.

Im Allgemeinen ist es am besten, die Anzahl der Anfragen zu minimieren und die Assets an einem Ort zu hosten, z. B. indem Sie sie auf Ihren Webserver oder Ihr CDN verschieben. Als Beispiel seien FontAwesome oder BootStrap genannt. Wenn Sie das Skript von FontAwesome oder BootStrap extern verlinken, laden Sie es herunter und stellen Sie es direkt bereit.

Wasserfalldiagramm

Schließlich haben wir den Abschnitt Anfragen für das Pingdom-Geschwindigkeitstesttool, der ein Wasserfalldiagramm generiert. Sie können jede Anfrage analysieren, um Leistungsprobleme zu erkennen. Dieser Abschnitt enthält ein detailliertes farbcodiertes Wasserfalldiagramm.

Die Wasserfallanalyse von Pingdom zeigt jede einzelne HTTP-Anfrage auf Ihrer Website und wird von Entwicklern verwendet, um das Laden der Website visuell zu verstehen und Engpässe zu identifizieren. Konzentrieren Sie sich auf die Verbindungsgrößen – lange Verbindungsstücke und lange Balken blockieren das schnelle Laden der Website.

Zusammenfassung

Wenn es um Tools zum Testen der Website-Geschwindigkeit geht, gibt es viele Tools auf dem Markt. Wie Sie sehen, funktioniert das Pingdom-Geschwindigkeitstest-Tool besser, um die Website-Leistung mit ausführlichen Erklärungen und Vorschlägen zu untersuchen.

Ich habe Ihnen detaillierte Informationen zum Produkt gegeben. Jetzt sind Sie an der Reihe, dieses Tool zu verwenden, um die Leistung Ihrer Website zu verbessern.