Online Marketing, Gadgets, Affiliate, Verdienen Sie Geld mit Ihren Blogs

Pingdom-Geschwindigkeitstest-Tool – So verbessern Sie …

Hinweis: Der folgende Artikel hilft Ihnen dabei: Pingdom-Geschwindigkeitstest-Tool – So verbessern Sie …

Pingdom-Geschwindigkeitstest-Tool – So verbessern Sie ...

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

Zu oft interpretieren Benutzer die Daten des Pingdom-Geschwindigkeitstest-Tools falsch, was zu einer Verschlechterung der Geschwindigkeit ihrer Website führt. Denken Sie daran, alle Werkzeuge immer als geführte Anwendung zu verwenden, da sie nicht 100 % genau sind.

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

Warum ist es so beliebt? Nun, es ist wahrscheinlich das einfachste Tool zur Überwachung der Website-Geschwindigkeit und der Seitenleistung. Nicht alle Benutzer können ein Leistungsexperte 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-Website gehen und Ihre Daten eingeben URL und wählen Sie die aus Standort je nach Standort Ihrer Besucher. Klicken Sie dann auf „Test starten“ Taste.

Mit dem Pingdom-Geschwindigkeitstest-Tool können Sie Ihre Website testen 7 verschiedene Teststandorte (5 Kontinente) um die Welt:

  • Asien – Japan – Tokio
  • Europa – Deutschland – Frankfurt
  • Europa – Vereinigtes Königreich – London
  • Nordamerika – USA – Washington DC
  • Nordamerika – USA – San Francisco
  • Pazifik – Australien – Sydney
  • Südamerika – Brasilien – São Paulo

Welcher Standort für Geschwindigkeitstests auf Pingdom-Websites eignet sich also am besten zum Testen? Es hängt von den Besuchern Ihrer Website ab. Achten Sie darauf, den Standort in der Nähe Ihrer Besucher auszuwählen. Wenn Ihre Website-Zielgruppe ihren Sitz in hat Europadann haben Sie 2 Möglichkeiten zur Auswahl: (Europa – Deutschland – Frankfurt) oder (Europa – Vereinigtes Königreich – London). Wenn Ihre Website weltweite Besucher hat, testen Sie Ihre Website an verschiedenen Standorten und ergreifen Sie die entsprechenden Schritte zur Verbesserung.

Wasserfallanalyse mit dem Pingdom-Geschwindigkeitstest-Tool verstehen

Eine Webseite ist im Allgemeinen eine Kombination aus HTML, CSS, JavaScript, Und Media-Dateien, und jedes davon generiert eine Anforderung zum Rendern auf dem Server. Mehr Anfragen könnten der Grund für die langsame Geschwindigkeit der Website 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
  • Verbessern Sie die Seitenleistung
  • Antwortcodes
  • Inhaltsgröße und Anfragen nach Inhaltstyp
  • Inhaltsgröße und Anfragen nach Domain
  • Wasserfalldiagramm

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

Pingdom-Zusammenfassung

Wenn Sie eine WordPress-Website über Pingdom ausführen, wird ein Ergebnis basierend auf a generiert Leistungsgrad, Seitengröße, LadezeitUnd Anfragen.

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

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

Lesen:  So stellen Sie eine Telegram-Story ein und aktivieren sie

Verbessern Sie die Seitenleistung

Der Abschnitt „Seitenleistung verbessern“ enthält aggregierte Leistungsbewertungen mit Vorschlägen zur Verbesserung Ihrer Seitenleistung. Auch wenn diese Vorschläge möglicherweise nicht für jede Website anwendbar sind, erhöhen sie die Chancen auf eine Verbesserung.

Werfen wir einen Blick auf diese Vorschläge.

1) Verwenden Sie ein Content Delivery Network (CDN)

Das Wichtigste, was Sie auf Ihrer WordPress-Website verwenden sollten, ist a CDN (Content Delivery Network). Das CDN bezieht sich auf eine geografisch verteilte Gruppe von Servern, die eine schnelle Bereitstellung von Internetinhalten ermöglichen. Hierbei handelt es sich um ein Netzwerk von Servern rund um den Globus. CDN ermöglicht die schnelle Übertragung von Webinhalten, indem es diese näher an den Standort der Benutzer bringt.

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

Werfen wir einen Blick auf einige CDN-Drittanbieter:

  1. KeyCDN
  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 den HTTP 404-Fehler (Nicht gefunden).

Der Fehler „HTTP vermeiden (404)“ wird im Vorschlag des Pingdom-Geschwindigkeitstest-Tools angezeigt, wenn die Anfrage 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 Anfrage für Vermögenswerte generiert wird, die nicht mehr vorhanden sind.

3) Weiterleitungen minimieren

Der häufigste Vorschlag des Pingdom-Geschwindigkeitstest-Tools ist „Weiterleitungen minimieren“. Eine Weiterleitung erfolgt, wenn eine Seite Ihrer Website das Laden einer anderen Seite verursacht. Dies kann bei einer Weiterleitung passieren HTTP Zu HTTPS, www Zu Nicht-wwwund die URL des aktualisierten Beitrags hat sich geändert.

Hier sind einige Dinge, die Sie tun können, um zu viele Weiterleitungen auf Ihrer Website zu vermeiden:

  1. Verlinken Sie niemals auf eine Seite, die bereits über eine Weiterleitung verfügt, 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 DreamHost-Artikel zu WP 301-Weiterleitungen.

Für einen Erstbesucher werden alle WordPress-Websitedateien einzeln geladen. Zwischen Ihrem Webbrowser und dem Server generierte Anfragen verlängern die Ladezeit der Website. Der Browser-Cache speichert die Website-Dateien auf dem Computer des Besuchers. Wenn er die Website also erneut besucht, lädt die Website aus dem Browser-Cache und nicht vom Server, was die Website beschleunigt.

Aber woher weiß der Browser, welche Datei er speichern und welche vom Server laden soll und wie lange er sie aufbewahren soll? Hier kommen Expires-Header ins Spiel. Hierbei handelt es sich um Regeln, die Webbrowsern mitteilen, ob sie Webseitenressourcen aus dem Browser-Cache eines Besuchers oder von Ihrem Server laden sollen.

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

Fügen Sie Expires-Header mithilfe eines Plugins hinzu

Installieren Sie a W3 Total Cache-Plugin. Gehen Sie nach der Installation und Aktivierung zu WordPress-Dashboard > Leistung > Browser-Cacheund aktivieren Sie dann die „Ablauf-Header festlegen“ Option und speichern Sie die Änderungen.

Wenn Sie mehr über das W3 Total Cache-Plugin erfahren möchten, lesen Sie den DreamHost-Artikel „So verwenden Sie das WordPress W3 Total Cache-Plugin für schnellere Websites“.

Fügen Sie Expires-Header mithilfe eines Codes hinzu

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 und drücken Sie Strg + Umschalt + I zum gehen Netzwerk Klicken Sie oben auf den Domänennamen und gehen Sie zum Kopfbereich der Website (möglicherweise müssen Sie die Website einmal aktualisieren). Dort finden Sie Ihren Servernamen.

Lesen:  Verteidigen Sie WordPress mit 2FA gegen Brute-Force-Angriffe

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

## EXPIRES HEADER CACHING ## ExpiresActive On 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 „Zugriff 1 Monat“ ExpiresByType application/javascript „Zugriff 1 Monat“ ExpiresByType application/x-javascript „Zugriff 1 Monat“ ExpiresByType Anwendung /x-shockwave-flash „Zugriff 1 Monat“ ExpiresByType image/x-icon „Zugriff 1 Jahr“ ExpiresDefault „Zugriff 3 Tage“ ## LÄUFT HEADER-CACHING AB ##

Bei DreamHost 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 DreamHost-Artikel „Leverage Browser Caching in WordPress to Optimize Page Load Time“.

5) Stellen Sie weniger HTTP-Anfragen

Jedes Mal, wenn Sie die Website laden, passieren eine Reihe technischer Dinge, um den Inhalt auf dem Bildschirm des Benutzers bereitzustellen, 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, ist dies die dieser Person Webbrowser sendet eine Anfrage an Sie Webserver. Ihr Server hostet die Webseite, die er auf Ihrer Website anzeigen möchte. Für jede einzelne Datei muss ein Webbrowser eine erstellen separate HTTP-Anfragealso je mehr Dateien Ihre Website hat, desto mehr HTTP-Anfragen wird von Ihrem Browser generiert. Weitere HTTP-Anfragen können die Benutzererfahrung Ihrer Website beeinträchtigen.

Hier sind einige allgemeine Strategien dazu Stellen Sie weniger HTTP-Anfragen:

  • Entfernen Sie HTTP-Anfragen, indem Sie unnötige Plugins entfernen, die Ihrer Website keinen Mehrwert bieten, da Plugins normalerweise ihr eigenes CSS und JavaScript laden.
  • Kombinieren Sie HTTP-Anfragen, indem Sie mehrere CSS-Dateien in 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 Website attraktiver machen und den Wert Ihrer Website erhöhen, entfernen Sie unnötige 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.

Nutzen Sie diese Punkte, um Ihre WordPress-Site zu beschleunigen und eine bessere Leistung zu erzielen.

6) Komprimieren Sie Komponenten mit GZIP

Die GZIP-Komprimierung ist eine Technologie, die die Datei-Downloadzeit durch Komprimierung der Datendateien verkürzt. 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. Durch die GZIP-Komprimierung kann die Dateigröße um bis zu 70 % reduziert werden.

DreamHost wird mit einer installierten Version geliefert Breeze-Pluginsodass 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:

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

7) Vermeiden Sie leere Src oder Href

HTML-Attribute ohne Wertsatz (keine Informationen zwischen den Anführungszeichen) werden als bezeichnet 'leer' Attribute. Das leere Attribut des Quelle (src) Und Link (href) Betonen Sie, dass der Browser eine Verbindung herstellt, auch wenn kein URI-Wert (Uniform Resource Identifier) ​​vorhanden ist.

Hier sind einige Beispiele von Quelle (src) Und Link (href) leere Tags in HTML Und JavaScript:

HTML:

JavaScript:

var img = neues Bild(); 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 ordnungsgemäß. Zweitens betrifft das Problem mit leeren Tags die Bilder. Überprüfen Sie daher beim Hochladen und Verwenden immer die Bildlinks.

Lesen:  Was sind statische und dynamische Daten?

8) Fügen Sie unten JavaScript ein

Dies bedeutet, dass Sie andere Seiteninhalte vor JavaScript laden, sodass ein Benutzer mit einer langsamen Internetverbindung nicht auf das Laden von JavaScript warten muss. Wenn JavaScript oben platziert wird, wird es zuerst geladen und beeinträchtigt das Benutzererlebnis, indem es den Rest des Seiteninhalts verlangsamt.

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

function 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-amazing-script'); add_action( 'wp_enqueue_scripts', 'wpb_adding_scripts' );

Die verwendete Funktion wp_register_script() und es beinhaltet:

Stellen Sie die ein $in_footer Setzen Sie den Parameter auf „true“, um das Skript in der Fußzeile oder unten auf einer WordPress-Seite hinzuzufügen.

Antwortcodes

Der nächste Abschnitt im Pingdom-Geschwindigkeitstest-Tool sind Antwortcodes, auch HTTP-Statuscodes genannt. In diesem Abschnitt erfahren Sie, was mit allen Ressourcen passiert, die Sie auf der Seite laden. Einige häufige sind:

  • 200 – Alles ist ok
    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 diejenigen zwischen 400 und 500 werden normalerweise als Fehler bezeichnet, die Sie beheben sollten.

Inhaltsgröße und Anfragen nach Inhaltstyp

Dies hilft Ihnen, die Ressourcen Ihrer Webseite zu sehen. Die Tabellen enthalten Informationen zur Verbreitung Ihrer Inhalte und Ihrer 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 je nach Inhaltstyp größer 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 dies sehen intern Und extern Dienstleistungen mit ihren mittleren Größen. In diesem Abschnitt werden die von der Domäne generierten Anfragen angezeigt. Es wird empfohlen, weniger externe Anfragen zu stellen, da jeder externe Dienst seine eigene Latenzzeit mit sich bringt.

Im Allgemeinen ist es am besten, die Anzahl der Anfragen zu minimieren und die Assets an einem Ort zu hosten, indem Sie sie beispielsweise auf Ihren Webserver oder Ihr CDN verschieben. Als Beispiel kommen FontAwesome oder BootStrap in Betracht. Wenn Sie das Skript von FontAwesome oder BootStrap extern verknüpfen, laden Sie es herunter und stellen Sie es direkt bereit.

Wasserfalldiagramm

Schließlich haben wir noch den Abschnitt „Anfragen für das Pingdom-Geschwindigkeitstest-Tool“, 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 die Auslastung der Website visuell zu verstehen und Engpässe zu identifizieren. Konzentrieren Sie sich auf die Verbindungsgrößen – lange Verbindungen und lange Balken verhindern ein schnelles 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. Schauen Sie sich auch das DreamHost-Webinar zum Update der Google-Seitenerfahrung an.

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