- \n
- Was ist AJAX?<\/a><\/li>\n
- Welche Herausforderungen kommen mit AJAX-Anwendungen?<\/a><\/li>\n
- Benutzersimulationstechniken<\/a><\/li>\n<\/ul>\n
- \n
- AJAX-Lasttests in Aktion<\/a>\n
- \n
- Protokollbasiertes AJAX-Auslastungstestskript<\/a><\/li>\n
- Browserbasiertes AJAX-Auslastungstestskript<\/a><\/li>\n
- Fazit: Vergleich beider Simulationsmethoden<\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n
- \n
- Wie LoadView Auslastungstests mit AJAX adressiert<\/a>\n
- \n
- F\u00fcnf Schritte zum Ausf\u00fchren Ihrer AJAX-basierten Auslastungstests mit LoadView<\/a><\/li>\n<\/ul>\n<\/li>\n
- Verwendete Werkzeuge<\/a><\/li>\n<\/ul>\n
<\/p>\n
\n<\/p>\n
<\/a>Was ist AJAX?<\/span><\/p>\n
<\/p>\n
Diejenigen von Ihnen, die sich mit Auslastungstests von AJAX-Webanwendungen (Asynchronous JavaScript and XML) auseinandersetzen mussten, haben gelernt, dass dies oft eine schwierige Entwicklungs- und Automatisierungsherausforderung sein kann. Dieser Artikel enth\u00e4lt einige zus\u00e4tzliche Hintergrundinformationen zur AJAX-Entwicklungstechnik, zu den Vor- und Nachteilen von AJAX sowie zu einem empfohlenen AJAX-Leistungstestansatz.<\/p>\n
Vor Jahrzehnten waren Webseiten und Anwendungen langweilig, aber extrem leicht, einfach zu warten, und ihre Testbarkeit war fantastisch im Vergleich zu den web application frameworks, die heute verwendet werden. Benutzer verbrachten oft mehr Zeit damit, vor einem wei\u00dfen Bildschirm zu warten, als mit diesen fr\u00fchen Webanwendungen zu interagieren. Aufgrund dieser begrenzten Benutzerfreundlichkeit vermieden es Unternehmen, Geld f\u00fcr neue webbasierte Dienste auszugeben.<\/p>\n
Ab 2005 erm\u00f6glichte eine neue Technologie namens AJAX Entwicklern, moderne Websites zu erstellen, wodurch die Zeit, die Benutzer vor einem leeren Bildschirm auf das Laden einer Seite warteten, minimiert wurde. AJAX ist eine Abk\u00fcrzung f\u00fcr und es ist mehr als eine Technologie, weil es aus HTML, CSS, JavaScript, XMLHttpRequest und einer serverseitigen Skriptsprache wie PHP besteht.<\/p>\n
Zu Beginn des Internetzeitalters war die Popularit\u00e4t von inhaltsreichen und interaktiven Webseiten schlecht, da es keine M\u00f6glichkeit gab, eine Webseite zu aktualisieren, ohne die gesamte Seite neu zu laden. Im Laufe der Entwicklung neuer Technologien und Techniken half AJAX, diese L\u00fccke zu schlie\u00dfen und das asynchrone Datenladekonzept einzuf\u00fchren, das es einem Endbenutzer erm\u00f6glichte, mit der Seite zu interagieren, w\u00e4hrend die Daten im Hintergrund geladen wurden. Heute ist dieses Konzept weit verbreitet, weil es die Implementierung von interaktiven und dynamischen Webanwendungen erm\u00f6glicht, was dazu beitr\u00e4gt, die allgemeine Benutzererfahrung zu verbessern.<\/p>\n
<\/p>\n
Eine typische AJAX-Anforderungen besteht aus dem folgenden Prozess:<\/p>\n
- \n
- Der Benutzer klickt durch die Webseite oder Webanwendung.<\/li>\n
- Der Handler dieser Webseite erstellt ein XMLHttpRequest-Objekt.<\/li>\n
- XMLHttpRequest-Objekt fordert ein Dokument vom Server an.<\/li>\n
- Der Server ruft die entsprechenden Daten ab und sendet sie zur\u00fcck.<\/li>\n
- XMLHttpRequest l\u00f6st ein Ereignis aus, um die Webseite oder Anwendung zu benachrichtigen, dass die Daten angekommen sind.<\/li>\n
- Der Handler verarbeitet und zeigt die Daten an.<\/li>\n<\/ol>\n
<\/p>\n
\n<\/p>\n
<\/a><\/p>\n
Welche Herausforderungen kommen mit AJAX-Anwendungen?<\/h2>\n
<\/p>\n
Es gibt einige h\u00e4ufige Fallstricke in dynamischen AJAX-basierten Webanwendungen, die bereits in der Entwicklercommunity bekannt sind. Wir werden einige der problematischeren Bereiche von AJAX unten behandeln.<\/p>\n
Erstens ist JavaScript, wie oben erl\u00e4utert, eine der Komponenten, aus denen AJAX besteht. Wenn Sie JavaScript in Ihrem Browser deaktivieren, wird Ihre Anwendung oder Website nutzlos. Vor einigen Jahren war es \u00fcblich, dass Organisationen Browser f\u00fcr ihre Mitarbeiter gesperrt und JavaScript aus Sicherheitsgr\u00fcnden deaktiviert haben. Diese Tage sind nun vorbei, aber es ist immer noch gut, dies im Hinterkopf zu behalten, da selbst Solche Ver\u00e4nderungen unbeabsichtigte Folgen haben k\u00f6nnten.<\/p>\n
Zweitens, dynamisch geladene und angezeigte Daten sind nicht Teil der Seite, insbesondere f\u00fcr Seiten, die als SPA erstellt werden (Single-Page Application) Wenn eine Suchmaschine Ihre AJAX-basierte Webseite indiziert hat, kann das Ergebnis aus SEO-Sicht unbefriedigend sein, da ein gro\u00dfer Teil des Inhalts f\u00fcr diese Indizierungs-Engines nicht sichtbar ist.<\/p>\n
Drittens k\u00f6nnen die laufenden dynamischen Seitenaktualisierungen Benutzer mit einer geringen Aufmerksamkeitsspanne st\u00f6ren. Je dynamischer Elemente auf diesen Seiten auftauchen, desto h\u00f6her ist die Wahrscheinlichkeit, dass der Benutzer unterbrochen wird und seine Arbeit nicht innerhalb einer akzeptablen Zeit abschlie\u00dfen kann.<\/p>\n
Schlie\u00dflich kann die Latenz aufgrund der Callback-basierten Client-Server-Kommunikation im Vergleich zu anderen Technologien, wie z. B. WebSockets, um ein Vielfaches h\u00f6her sein. Webclients suchen nach Datenaktualisierungen, was auch eine Herausforderung f\u00fcr automatisierte Tests darstellt.<\/p>\n
<\/p>\n
\n<\/p>\n
<\/a><\/p>\n
Auslastungstests AJAX: Benutzersimulationstechniken<\/h2>\n
<\/p>\n
Lastpr\u00fcfungsspezialisten und Leistungsingenieure sind daf\u00fcr verantwortlich, einen geeigneten Benutzersimulationsansatz zu w\u00e4hlen, der sowohl f\u00fcr Ihre getestete Anwendung geeignet ist als auch nicht zu viel Aufwand auf Ihrer Seite erzeugt. Wenn Sie die falsche Simulationsmethode w\u00e4hlen, ist die Wahrscheinlichkeit sehr hoch, dass Sie Leistungs-Hotspots in Ihrer Anwendung nicht bew\u00e4ltigen k\u00f6nnen.<\/p>\n
Es gibt zwei Benutzersimulationsmethoden, die wir unten besprechen werden.<\/p>\n
Protokollbasierte Simulation von Anforderungen und Antworten<\/h3>\n
Die meisten Open-Source-Testtools sowie kommerzielle Auslastungstesttools unterst\u00fctzen dieses Verfahren. Sie zeichnen Client-Server-Interaktionen auf, und das Testtool erfasst alle Anforderungen und Antworten in einem Testskript. Nach der Parametrierung dynamischer Daten, z. B. Sitzungs-IDs oder Testeingabedaten, k\u00f6nnen die Skripts verwendet werden, um die erforderliche Last auf Ihrem Back-End-System zu simulieren. Beachten Sie, dass die clientseitige Verarbeitung oder Interaktionen nicht Teil der Reaktionszeitmessungen auf Protokollebene sind.<\/p>\n
Vollst\u00e4ndige browserbasierte Simulation realer Benutzerinteraktionen<\/h3>\n
Nur einige der umfassenderen Lasttestl\u00f6sungen<\/a> auf dem Markt bieten und unterst\u00fctzen vollst\u00e4ndige browserbasierte Auslastungstestsimulationen. Der Grund daf\u00fcr ist, dass die Anforderungen an die Systemressourcen h\u00f6her sind und die Implementierung einer zuverl\u00e4ssigen Wiedergabe etwas schwierig sein kann. Wenn es an der Zeit ist, Testskripts f\u00fcr vollst\u00e4ndige browserbasierte Benutzersimulationen zu erstellen, ist die Erstellung wie der protokollbasierte Ansatz, jedoch werden dieses Mal alle clientseitigen Interaktionen aufgezeichnet und gespeichert.<\/p>\n
Der Tester oder Ingenieur navigiert durch die Webseite oder Webanwendung, w\u00e4hrend ein Skriptrecorder alle Interaktionen im Webbrowser erfasst. W\u00e4hrend der Testausf\u00fchrung f\u00fchrt ein kopfloser Webbrowser die aufgezeichneten Interaktionen aus und reagiert wie ein echter Benutzer auf Serverr\u00fcckrufe. Diese Art von Benutzersimulation ist sehr genau und bietet realistische Front-End-Leistungsmetriken.<\/p>\n
Die erste Simulationsmethode, die wir beschrieben haben, ist perfekt f\u00fcr statische Webanwendungen, hat einen geringen Simulationsaufwand auf Ihrer Lasteinspritzmaschine und ist oft einfach zu implementieren. Die sp\u00e4tere Technik bietet genaue End-to-End-Antwortzeiten, aber ihr Overhead auf dem Auslastungstestserver ist viel h\u00f6her. Wie w\u00fcrden Sie also die beste Benutzersimulationsmethode zum Auslastungstesten von AJAX-basierten Webanwendungen oder -seiten ausw\u00e4hlen?<\/p>\n
<\/p>\n
\n<\/p>\n
<\/a><\/p>\n
AJAX-Lasttests in Aktion<\/h2>\n
<\/p>\n
Was ist der beste AJAX-Lasttestansatz<\/a> und wie k\u00f6nnen Sie Ihre Entscheidung validieren? Offensichtlich ist es eine gute Idee, ein kleines Experiment zu starten, wenn Sie nicht sicher sind, welcher Ansatz genaue Ergebnisse liefern w\u00fcrde.<\/p>\n
In diesem Szenario decken wir zwei Auslastungstestimplementierungen f\u00fcr eine AJAX-Beispielanwendung mit ajaxsearchpro.com<\/a>. Diese Demo-Anwendung ist eine einfache Suchmaschine. Angenommen, ein Benutzer tippt in dieses Beispiel einen Suchbegriff in das Suchfeld, und der entsprechende Inhalt wird angezeigt. Nachdem der Eingabeschl\u00fcssel ausgel\u00f6st oder auf die Suchtaste geklickt wurde, wird die endg\u00fcltige Suche ausgef\u00fchrt, und die entsprechenden Suchergebnisse werden auf dem Bildschirm angezeigt. Unten ist das Wasserfalldiagramm, das mit dem Chrome-Browser DevTools aufgenommen wurde. Die Antwortzeit der Suchanfrage “Auto” betrug 2,2 Sekunden.<\/p>\n
<\/p>\n
![\"waterfall](\"https:\/\/www.loadview-testing.com\/wp-content\/uploads\/waterfall-chart-chrome-browser.png\")
<\/p>\n<\/p>\n
Wir haben die Entwicklertools innerhalb des Chrome-Browsers verwendet, die uns geholfen haben, herauszufinden, dass diese Anforderung ausgef\u00fchrt wird, wenn die Suchaktion ausgef\u00fchrt wird: ajaxsearchpro.com\/?s=car<\/a><\/p>\n
Wir haben ein protokollbasiertes und ein browserbasiertes Auslastungstestskript erstellt, beide ausgef\u00fchrt und die resultierenden Leistungsmetriken verglichen. Was denkst du? Welche Benutzersimulation ist die beste f\u00fcr eine AJAX-basierte Anwendung?<\/p>\n
<\/a><\/p>\n
<\/p>\n
Protokollbasiertes AJAX-Auslastungstestskript<\/h3>\n
<\/p>\n
- Verwendete Werkzeuge<\/a><\/li>\n<\/ul>\n
- F\u00fcnf Schritte zum Ausf\u00fchren Ihrer AJAX-basierten Auslastungstests mit LoadView<\/a><\/li>\n<\/ul>\n<\/li>\n
- Browserbasiertes AJAX-Auslastungstestskript<\/a><\/li>\n
- Protokollbasiertes AJAX-Auslastungstestskript<\/a><\/li>\n
- Welche Herausforderungen kommen mit AJAX-Anwendungen?<\/a><\/li>\n
![\"protocol](\"https:\/\/www.loadview-testing.com\/wp-content\/uploads\/protocol-based-ajax-waterfall-chart.png\")
<\/p>\n![\"protocol](\"https:\/\/www.loadview-testing.com\/wp-content\/uploads\/protocol-based-ajax-script-execution.png\")
![\"browser](\"https:\/\/www.loadview-testing.com\/wp-content\/uploads\/browser-based-ajax-waterfall-chart-1.png\")
<\/p>\n![\"browser](\"https:\/\/www.loadview-testing.com\/wp-content\/uploads\/browser-based-ajax-script-execution.png\")