Load Testing-Technologien

AJAX-Auslastungstests

Vor mehr als 20 Jahren gab es keine Möglichkeit, eine Webseite zu aktualisieren, ohne beim Erneutladen der gesamten Seite einen langweiligen weißen Bildschirm anzuzeigen. Glücklicherweise hat AJAX diese Lücke geschlossen und ein asynchrones Datenladekonzept eingeführt, das es dem Benutzer ermöglicht, mit der Seite zu interagieren, während die Daten im Hintergrund geladen werden. Heute ist dieses Konzept die Grundlage unserer inhaltsreichen und interaktiven Web-Anwendungen.

AJAX ist eine Abkürzung für Asynchronous JavaScript und XML und es ist mehr als eine Technologie, weil es aus HTML, CSS, JavaScript, XMLHttpRequest und einer serverseitigen Skriptsprache wie PHP besteht. Eine AJAX-Anforderung besteht aus den folgenden 6 Schritten:

1. Eine Webseite löst ein Ereignis zur Änderung des Inhalts aus.
2. Der Handler dieser Webseite erstellt ein XMLHttpRequest-Objekt
3. Das XMLHttpRequest-Objekt fordert ein Dokument vom Server an.
4. Der Server ruft die entsprechenden Daten ab und sendet sie zurück.
5. Die XMLHttpRequest löst ein Ereignis aus, um die Webseite zu benachrichtigen, auf der die Daten angekommen sind.
6. Der Handler verarbeitet die Daten und zeigt sie an

Die Kehrseite aus Der Sicht eines Performance-Ingenieurs ist, dass die Automatisierung einer solchen asynchronen Kommunikation schwierig ist. Erwägen Sie das Testen einer Webanwendung, die 100 gleichzeitige Benutzer und 10000 Suchvorgänge pro Stunde bedienen muss. Sie haben die Aufgabe zu überprüfen, ob die durchschnittliche Antwortzeit dieser Anwendung innerhalb der Grenzen von 3 Sekunden liegt.

Grundsätzlich haben Sie die folgenden beiden Optionen für ein Auslastungstestszenario:

1. Protokollbasierte Simulation
2. Browserbasierte Simulation

Vergleichen wir die Protokollebene mit der Browserebene Load Simulation. Die folgende Tabelle zeigt die Ergebnisse dieses Experiments:

Screenshot

AngularJS-Lasttests

Front-End-Entwickler lieben AngularJS, da es hilft, komplexen Code zu vereinfachen. Dieses einfache und leistungsstarke Framework löst die fehleranfälligen DOM-Manipulationsprobleme mit seiner deklarativen Beschreibung des UI-Flusses. AngularJS ist ein Open Source JavaScript Framework und kann einer Seite mit einem einfachen Skript-Tag hinzugefügt werden, wie z. B.:

<script src=”https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js”>
</script>

Es unterstützt die Trennung von Bedenken und bringt dynamische Elemente in statisches HTML. Wie jede andere Anwendung können auch AngularJS-basierte Systeme schnell von Leistungsproblemen betroffen sein. Im Folgenden sind einige Schritte zu finden, die Sie ausführen können, um die Dinge in Ihrem nächsten NG-Auslastungstestprojekt zu beschleunigen:

• Reduzieren Sie die Anzahl der DOM-Vorgänge auf das Minimum
• Reduzieren Sie die Gesamten der DOM-Struktur
• Verwenden von Chrome-Profiler zum Überprüfen des Speicherbedarfs
• Reduzieren Sie die Aktivitäten in Ihrem Watcher

LoadView bietet Ihnen alles, was Sie brauchen, wenn es um genaue AngularJS-Lasttests geht.

Im folgenden Beispiel wird eine Nachrichteneingabe verwendet, die auf AngularJS basiert. Der Screenshot unten enthält seinen Quellcode auf der linken Seite und die App auf der rechten Seite.

Flash Load Testing

Flash ist eine Authoring-Software und wird verwendet, um vektorgrafische Animationen zu erstellen. Es ist eine plattformunabhängige Technologie und läuft auf jedem Computer, auf dem ein Flash-Player installiert ist. Aus Sicherheitsgründen verbieten Unternehmen Flash häufig von ihrer Infrastruktur. Sie können jedoch schöne Anwendungen mit Flash erstellen, da der Overhead gering ist. Der einzige kleine Nachteil von Flash ist jedoch, dass es nicht ohne ein aktiviertes Flash-Player-Plugin ausgeführt wird.

LoadView bietet Ihnen alles, was Sie brauchen, wenn es um genaue FLASH-Lasttests geht. Ich habe einen einfachen Flash-basierten Rechner verwendet: https://www.dotcom-tools.com/samples/Calculator.html. Mein Auslastungstestszenario führt eine einfache Berechnung von 1 + 2 = 3 aus.

Screenshot

HTML5-Auslastungstests

HTML5 ist die fünfte Version des HTML-Standards, der immer noch das Rückgrat unserer Web-Anwendungen ist. Die Inhaltsstoffe von HTLM5 sind:

• HTML, das die Struktur bereitstellt
• CSS, das sich um die Präsentation kümmert
• JavaScript, das Dinge möglich macht

HTML5 gibt Ihnen alles, was erforderlich ist, um schöne Anwendungen zu implementieren, die in Ihrem Browser ausgeführt werden, ohne dass Plugins erforderlich sind. Solche Anwendungen werden als plattformübergreifende Anwendungen bezeichnet. Sie werden auf jedem Gerät ausgeführt, wenn Ihr Browser HTML5 unterstützt. Im Folgenden finden Sie ein Beispiel für das Auslastungstesten von HTML5 mit LoadView.

Screenshot

JavaScript-Auslastungstests

Screenshot

JSON-Lasttests

JSON ist eine Abkürzung für JavaScript Object Notation und ähnelt XML. Es ist ein sehr häufiges Datenformat und wird für alle Arten von Browser-Server-Kommunikation verwendet. Einfachheit, breite Unterstützung für Programmiersprachen und geringer Overhead sind der Grund für seine Popularität.

Einige JSON-spezifische Leistungs-Hotspots umfassen Folgendes:

• Download großer Dateien dauert zu lange
• Speicherauslastung ist zu hoch

Im Vergleich zu SOAP XML ist der Platzbedarf von JSON geringer und einfacher zu lesen. Das folgende Beispiel veranschaulicht JSON-Auslastungstests mit LoadView.

Wir verwenden JSON in der Suchfunktion auf unserer Website. Dies ist der entsprechende JSON-Quellcode:

Screenshot

Einseitige Anwendungsauslastungstests

Screenshot

SOAP-Lastprüfung

Simple Object Access Protocol (SOAP) ist eine viel mehr als eine Programmiersprache. Im Gegensatz zu JavaScript, einer Entwicklungssprache, ermöglicht SOAP die Kommunikation über jedes Gerät und Betriebssystem. Der grundlegende Baustein von SOAP ist XML. SOAP hat ein Format zum Senden und Empfangen von Nachrichten eingeführt.

Einige der beliebtesten Leistungs-Hotspots im Zusammenhang mit SOAP sind die folgenden:

• Chatty-Anwendung
• Falsche oder keine Caching-Strategie
• Serialisierung verursacht hohen Overhead
• Keine Eingabevalidierung bei verbraucherseitiger oder ineffizienter Webmethodenverarbeitung

SOAP-basierte Webdienste bieten eine Beschreibung ihrer Dienste in WSDL. Diese Webdienstbeschreibungssprache kann für die manuelle Bedienung unserer automatisierten Tests verwendet werden. In unserem Showcase unten werde ich zeigen, wie Auslastungstests für eine SOAP-basierte Anwendung eingerichtet werden.

Dieser einfache CurrencyConverter wird in unserem Beispielauslastungstest-Setup verwendet:

https://www.webservicex.net/CurrencyConvertor.asmx?WSDL

In den folgenden Schritten wird erläutert, wie SOAP-Auslastungstests mit LoadView durchgeführt werden.

Screenshot

Web-API-REST-Auslastungstests

REST ist ein weit verbreiteter Kommunikationsstandard, der für Representational State Transfer steht. Es strukturiert Daten in maschinenlesbarem Format und nutzt XML oder JSON. Im Gegensatz zu SOAP, das stark funktionsorientiert ist, ist REST sehr datengesteuert. RESTful API- und RESTful-Dienste sind zwei häufig verwendete Begriffe in dieser Disziplin, aber sie bedeuten nichts anderes als REST-Dienste.

Beim Leistungstest von REST-Diensten geht es darum, Daten an Dienste zu senden oder die Antwort von ihnen zu überprüfen. Zu den häufigsten REST-Leistungs-Hotspots gehören die folgenden:

• Chatty-Dienste
• Zu viel oder nicht benötigte Daten übertragen
• Keine Wiederverwendung von TCP-Verbindungen

Entwicklergemeinschaften sind sich nicht oft einig, ob Webdienste in SOAP oder REST implementiert werden sollen. Aus Performance-Sicht sind REST-basierte Services auf Geschwindigkeit ausgelegt. Ihr Protokoll-Overhead ist geringer, und es ist keine XML-Analyse erforderlich. Die folgende Fallstudie veranschaulicht, wie Web-API-REST-Tests mit LoadView durchgeführt werden können.

Screenshot

WebSockets-Auslastungstests

WebSockets sind so konzipiert, dass eine wechselseitige Kommunikation zwischen Client und Server ermöglicht wird, d. h., beide Parteien kommunizieren und Daten gleichzeitig austauschen. Echte Parallelität und Leistungsoptimierung sind die beiden wichtigsten Punkte von WebSockets.

Zu den Vorteilen der Verwendung von WebSockets gehören die folgenden:

• Bidirektionale
  • Kein vordefiniertes Nachrichtenmuster, Client oder Server kann eine Nachricht an die andere Partei senden
• Vollduplex
  • Unabhängige Kommunikation zwischen Client und Server
• Einzelne TCP-Verbindung
  • AKTUALISIEREN der HTTP-Verbindung, Client und Server kommunizieren über dieselbe TCP-Verbindung

Wenn wir WebSockets mit REST- oder SOAP-basierten Kommunikationsmustern vergleichen, sind die Antwortzeiten ersterer viel besser, da WebSockets die Wiederverwendung derselben TCP-Verbindung ermöglichen. Untersuchungen haben gezeigt, dass WebSocket-basierte Dienste bis zu 10-mal schneller sind.

Für diesen Test verwenden wir einen ChatBot, der einige grundlegende Fragen beantwortet.

Screenshot

Laden von Tests mit dem LoadView Plugin für Jenkins