Share
In diesem Tutorial konzentrieren wir uns darauf, schlechte Seitenladezeiten mit Raygun zu finden und zu beheben. Aber bevor wir das tun, wollen wir uns besprechen, warum etwas längere Ladezeiten für Seiten so eine große Sache sein können.
Eine der wichtigsten Maßnahmen, die Sie tun können, um einen guten ersten Eindruck von potenziellen Kunden oder Kunden zu erhalten, die Ihre Website besuchen, ist die Verbesserung der Ladegeschwindigkeit.
Stellen Sie sich einen Kunden vor, der gerade von einem Freund über Ihr Unternehmen erfahren hat. Sie verkaufen ein Produkt online, das Benutzer durch den Besuch Ihrer Website erwerben können. Wenn das Laden verschiedener Websiteseiten lange dauert und Sie das Produkt nicht ausschließlich verkaufen, besteht eine gute Chance, dass der Kunde Ihre Website aufgibt und woanders hingeht.
Sie haben nicht nur Ihren ersten Verkauf hier verpasst, Sie haben auch die Gelegenheit verpasst, einen treuen Kunden zu haben, der in Zukunft mehr Produkte gekauft hätte.
Das ist die Sache mit den Internet-Leuten, die nur ein paar Klicks davon entfernt sind, Ihre Website zu verlassen und etwas von Ihren Konkurrenten zu kaufen. Schnelleres Laden von Seiten kann Ihnen einen Wettbewerbsvorteil verschaffen und Ihren Umsatz steigern.
Raygun setzt auf Real User Monitoring Insights (RUM Insights), um die Leistung und Website-Ladezeit einer Website zu verbessern. Der Begriff "Real User Monitoring" ist hier der Schlüssel. Sie können Tools wie WebPagetest und Google Page Speed Insights verwenden, um einzelne Seiten zu optimieren. Diese Ergebnisse basieren jedoch nicht auf echten Benutzerdaten. Andererseits basieren die von Raygun bereitgestellten Daten auf echten Benutzern, die Ihre Website besucht haben.
Raygun stellt die Informationen auch übersichtlicher dar, indem Sie Informationen wie die durchschnittliche Seitengeschwindigkeit der Website, die am häufigsten aufgerufenen Seiten und die langsamsten Seiten angeben. Auf diese Weise können Sie Prioritäten setzen, welche Seite oder welcher Abschnitt der Website zuerst optimiert werden muss.
Sie können auch sehen, wie schnell die Website für Benutzer in verschiedenen Ländern oder für Benutzer mit verschiedenen Browsern geladen wird. In ähnlicher Weise können Sie die Geschwindigkeit Ihrer Website auf mobilen Geräten mit Desktop vergleichen.
Ein weiterer Vorteil von Raygun ist, dass es Ihnen zeigt, wie die Website für verschiedene Benutzer funktioniert. Beispielsweise wird die Website für einen Ihrer wertvollsten Kunden möglicherweise langsam geladen. In solchen Fällen möchten Sie auf jeden Fall etwas darüber wissen und etwas tun, um ihre Erfahrung zu verbessern, bevor es zu spät ist.
In den nächsten Abschnitten dieses Artikels erfahren Sie, wie Sie das alles mit Raygun machen können.
Sie müssen sich für ein Konto anmelden, bevor Sie Raygun in Ihre Website integrieren können. Über dieses Konto haben Sie 14 Tage lang freien Zugang zu allen Raygun-Funktionen.
Nach erfolgreicher Registrierung können Sie auf klicken Anwendung erstellen Schaltfläche, um eine neue Anwendung zu erstellen. Sie können auf dem nächsten Bildschirm einen Namen für Ihre Anwendung eingeben und dann einige Kontrollkästchen aktivieren, um Benachrichtigungen zu Fehlern und Erkenntnissen über die tatsächliche Benutzerüberwachung zu erhalten.
Jetzt müssen Sie nur noch Ihre Entwicklungsplattform oder Ihr Framework auswählen. In diesem Fall verwenden wir JavaScript.
Zum Schluss erhalten Sie Code, den Sie auf allen Seiten, die Sie überwachen möchten, hinzufügen müssen. Anstatt den folgenden Code in Ihre Website einzufügen, können Sie auch die Produktions- oder Entwicklungsversion der Bibliothek herunterladen und selbst hinzufügen.
Sobald Sie das obige Code-Snippet vor dem Schließen hinzugefügt haben Um das Tag zu markieren, müssen Sie das folgende Snippet unmittelbar vor dem Schließen platzieren Etikett.
Wenn Sie keinen weiteren Code hinzufügen, beginnt Raygun nun, anonyme Daten zu sammeln. Dies bedeutet, dass Sie wissen können, wie sich Ihre Website für verschiedene Nutzer verhält. Es gibt jedoch keine Möglichkeit, diese Nutzer zu identifizieren.
Es gibt eine einfache Lösung für dieses Problem. Alles, was Sie tun müssen, ist, den folgenden Code in Ihre Webseiten einzufügen, und Raygun kümmert sich um den Rest.
Accentsconagua
rg4js ('setUser', Bezeichner: 'unique_id', isAnonymous: false, E-Mail: '[email protected]', firstName: 'Vorname', vollständiger Name: 'Vorname Nachname');Sie müssen diese drei Teile des Codes in alle Seiten einfügen, die Sie verfolgen möchten. Sobald dies geschehen ist, werden die Daten im Dashboard angezeigt, damit Sie sie analysieren können.
Der Abschnitt "Überwachung realer Benutzer" im Raygun-Dashboard enthält viele Registerkarten, um die Daten in verschiedenen Formaten darzustellen. Wir werden kurz alle Registerkarten durchgehen, um zu zeigen, wie die darin enthaltenen Informationen zum Auffinden von Seiten mit schlechten Ladezeiten verwendet werden können.
Das Leben Über die Registerkarte erhalten Sie einen Überblick über die Leistung Ihrer Website in Echtzeit. Es hat verschiedene Metriken wie Gesundheits-Score um Ihnen zu zeigen, wie die Site aktuell läuft. Weitere Informationen zu diesen Metriken finden Sie in der Dokumentation zur Registerkarte Live auf der Raygun-Website.
Es hat auch eine Weltkarte, um die Länder Ihrer derzeit aktiven Benutzer anzuzeigen. Sie finden auch eine Liste der neuesten Anfragen verschiedener Benutzer an Ihre Website. Hier ist ein Bild, das die neuesten Anfragen an unsere Website zeigt.
Auf der Registerkarte "Leistung" finden Sie fünf nützliche Messdaten, mit denen Sie einen schnellen Überblick über die Ladezeiten von Webseiten erhalten. Eine mittlere Ladezeit von 1,41 Sekunden bedeutet beispielsweise, dass 50% Ihrer Seiten vor 1,41 Sekunden geladen wurden. In ähnlicher Weise a P90 Ladezeit von 6,78 Sekunden besagt, dass die Website in 90% der Fälle vor 6,48 Sekunden geladen wird.
Dies sollte Ihnen einen ungefähren Überblick über die Leistung einer Website geben und wie langsam diese für die langsamsten 10% der Nutzer ist.
Auf der Registerkarte "Leistung" finden Sie unten eine Liste der langsamsten und meistgefragten Seiten. Die Kenntnis der beliebtesten und der langsamsten Seiten kann sehr hilfreich sein, wenn Sie Prioritäten setzen möchten, welche Bereiche Ihrer Website zuerst repariert werden müssen.
Obwohl alle Seiten einer Website so schnell wie möglich geladen werden sollten, sind einige dieser Seiten wichtiger als andere. Daher könnten Sie an der Leistung einer bestimmten Seite einer Website interessiert sein. Sie können dies tun, indem Sie einfach die gewünschte Seite in das Eingabefeld eingeben. Auf diese Weise erhalten Sie Informationen zu Median, Durchschnitt und P90-Ladezeit einer bestimmten Seite. Hier sind die Daten für die Homepage unserer Website.
Du kannst den ... benutzen Sitzungen Auf dieser Registerkarte werden sitzungsbezogene Informationen angezeigt, z. B. die Gesamtzahl der Sitzungen, die Gesamtzahl der Benutzer und die mittlere Sitzungsdauer. Die Sitzungstabelle gibt Ihnen einen schnellen Überblick über die letzten 150 Sitzungen mit Informationen wie Land, Dauer, Gesamtseitenaufrufe und der zuletzt besuchten Seite für eine Sitzung.
Wenn Sie auf die Lupe klicken, werden Ihnen weitere Details zu einer bestimmten Sitzung angezeigt, z. B. die vom Benutzer besuchten Seiten, die Ladezeit dieser Seiten und der Browser / das Gerät, das während der Sitzung verwendet wird.
Das Benutzer Über die Registerkarte erhalten Sie einen Überblick über die Zufriedenheit verschiedener Benutzer mit Ihrer Website. Dies kann sehr hilfreich sein, wenn Sie sehen möchten, wie ein bestimmter Benutzer mit Ihrer Website interagiert und ob und warum die Ladezeit der Seite länger ist als erwartet.
Es gibt drei weitere Registerkarten, auf denen Informationen zu allen Seitenansichten in Bezug auf Browser, Plattformen und Geografie angezeigt werden. Auf diese Weise können Sie feststellen, ob eine Webseite nur in einem bestimmten Browser oder einer bestimmten Plattform langsam geladen wird. Sie haben auch eine ungefähre Vorstellung von der Verteilung der Benutzer. Zum Beispiel kann es sehr nützlich sein zu wissen, ob die meisten Ihrer Kunden aus einem bestimmten Land stammen oder einen bestimmten Browser verwenden.
Raygun listet den Prozentsatz der Besucher eines bestimmten Kontinents an der Spitze der Geo Tab. Danach liefert es eine Karte mit der Verteilung der Ladezeiten. Länder mit den langsamsten Ladezeiten werden mit Rot und Länder mit schnellen Ladezeiten mit Grün gefüllt.
Wenn Sie ständig schlechte Ladezeiten aus einem bestimmten Land erhalten, kann es Ihre Zeit wert sein, genau hinzusehen und den Grund herauszufinden.
Im vorigen Abschnitt haben wir gelernt, wie Sie alle von Raygun gesammelten Daten verwenden können, um herauszufinden, für welche Seiten der Ladevorgang lange dauert oder ob es Länder gibt, in denen die Ladezeiten unserer Seiten länger sind als üblich.
Nun ist es an der Zeit zu sehen, wie wir mit Raygun Probleme entdecken können, die dazu führen könnten, dass eine bestimmte Seite oder die gesamte Website langsamer als üblich geladen wird.
Eine schlechte Ladezeit einer Website zu verbessern, kann ziemlich überwältigend sein, insbesondere wenn die Website sehr kompliziert ist oder viele Seiten enthält. Das Problem besteht darin, herauszufinden, was zu verbessern ist und wo man anfangen soll.
Glücklicherweise bietet Raygun einige allgemeine Einblicke, um Ihre Website zu reparieren. Sie können auf klicken Einblicke Optionen unter der Echte Benutzerüberwachung und Raygun durchsucht Ihre Website nach möglichen Problemen. Eine Liste all dieser Regeln finden Sie in der offiziellen Raygun-Dokumentation. Das Beheben aller aufgeführten Probleme beschleunigt Ihre Website erheblich.
Abgesehen von diesen allgemeinen Richtlinien sollten Sie auch die Seiten isolieren, die langsam geladen wurden. Sobald Sie sie isoliert haben, kann Raygun Ihnen die Zeit zeigen, die sie benötigen, um DNS, Latenz, SSL-Handshake usw. aufzulösen. Dies gibt Ihnen einen guten Überblick über die Bereiche, in denen Sie Verbesserungen vornehmen können, um die Ladezeit der Seite zu reduzieren. Das folgende Bild sollte es deutlich machen.
Sie können die Daten auch filtern, um ein genaueres Bild der Ladezeit für eine bestimmte Seite und verschiedener Faktoren zu erhalten. Das obige Bild zeigt Ihnen die durchschnittliche Latenzzeit aller Anfragen, die an die "Über uns" -Seite gestellt wurden. Sie können jedoch auf klicken Filter hinzufügen Klicken Sie oben auf die Schaltfläche und sehen Sie nur den Ladezeitdiagramm "Über uns" für ein bestimmtes Land wie Italien.
Am unteren Rand sehen Sie auch alle Anfragen, die von einer bestimmten Seite gestellt werden. Grundsätzlich können Sie DNS, Latenzzeit, SSL, Server und Übertragungszeit für jede Ressource sehen, die für eine bestimmte Seite geladen ist, und feststellen, ob eine davon der Täter ist.
Wenn Sie herausgefunden haben, welche Ressourcen zu lange zum Laden brauchen, können Sie mit der Optimierung Ihrer Seiten beginnen.
Wie Sie in diesem Lernprogramm gesehen haben, kann Raygun Organisationen, die die Ladezeiten ihrer Seiten verbessern möchten, eine große Hilfe sein. Die Integration ist denkbar einfach. Nach erfolgreicher Integration werden die Daten einfach ohne Eingriffe von Ihrer Seite im Dashboard angezeigt.
Raygun verfügt auch über verschiedene Registerkarten, um die gesammelten Daten so zu organisieren, dass Sie sie einfacher und effizienter analysieren können. Beispielsweise können Sie die Ladezeiten für verschiedene Länder, Browser und Plattformen anzeigen. Es verfügt auch über Filter, mit denen Sie einen bestimmten Datensatz von den übrigen isolieren und genau analysieren können.
Wenn Sie oder Ihr Unternehmen nach einem einfach zu integrierenden Tool suchen, das großartige Einblicke in die Interaktion Ihrer Benutzer mit Ihrer Website bietet, sollten Sie Raygun auf jeden Fall ausprobieren. Sie haben nichts zu verlieren, da es die ersten 14 Tage kostenlos ist!
Und während Sie hier sind, sehen Sie sich einige unserer anderen Tutorials zu Raygun an!
