WebGL GPU-Speicherbandbreitenoptimierung: Verbesserung der Übertragungsrate

In der sich schnell entwickelnden Landschaft der Webentwicklung hat sich WebGL als Eckpfeiler für die Erstellung visuell reichhaltiger und interaktiver Erlebnisse direkt im Browser etabliert. Seine Fähigkeit, die Leistung des Grafikprozessors (GPU) zu nutzen, ermöglicht es Entwicklern, Anwendungen zu erstellen, die von komplexen 3D-Spielen bis hin zu Datenvisualisierungstools reichen. Die Leistung dieser Anwendungen hängt jedoch von mehreren Faktoren ab, wobei die GPU-Speicherbandbreite eine entscheidende Rolle spielt. Dieser Blogbeitrag befasst sich mit den Feinheiten der Optimierung der WebGL-GPU-Speicherbandbreite und konzentriert sich auf Techniken zur Verbesserung der Übertragungsraten, um letztendlich eine flüssigere, reaktionsschnellere Benutzererfahrung auf einer Vielzahl von Geräten weltweit zu ermöglichen.

Grundlegendes zur GPU-Speicherbandbreite und ihrer Bedeutung

Bevor wir uns mit Optimierungsstrategien befassen, ist es wichtig, die grundlegenden Konzepte zu verstehen. Die GPU-Speicherbandbreite bezeichnet die Rate, mit der Daten zwischen der GPU und anderen Teilen des Systems, wie der CPU oder dem eigenen internen Speicher der GPU, übertragen werden können. Diese Übertragungsrate wird in Gigabyte pro Sekunde (GB/s) gemessen und ist in vielen WebGL-Anwendungen ein limitierender Faktor. Wenn die Bandbreite nicht ausreicht, kann dies zu Engpässen führen, die Leistungsprobleme wie langsames Rendering, ausgelassene Frames und allgemeine Trägheit verursachen.

Stellen Sie sich ein globales Szenario vor: Ein Benutzer in Tokio greift auf ein WebGL-basiertes Architekturvisualisierungstool zu, das zur Präsentation von Immobilien in Dubai entwickelt wurde. Die Geschwindigkeit, mit der Texturen, Modelle und andere Daten geladen und gerendert werden, wirkt sich direkt auf die Benutzererfahrung aus. Wenn die Speicherbandbreite eingeschränkt ist, kann der Benutzer Verzögerungen und eine frustrierende Interaktion erleben, unabhängig von der Qualität des Inhalts.

Warum die Speicherbandbreite wichtig ist

• Datenübertragungsengpässe: Die Übertragung großer Datenmengen (Texturen, Vertex-Daten usw.) an die GPU verbraucht schnell Bandbreite. Eine unzureichende Bandbreite erzeugt einen Engpass, der das Rendering verlangsamt.
• Laden von Texturen: Hochauflösende Texturen sind speicherintensiv. Das effiziente Laden und Verwalten von Texturen ist entscheidend für die Leistung.
• Vertex-Daten: Komplexe 3D-Modelle erfordern eine erhebliche Menge an Vertex-Daten, was eine effiziente Übertragung an die GPU notwendig macht.
• Bildrate: Bandbreitenbeschränkungen wirken sich direkt auf die Bildrate aus. Eine geringere Bandbreite führt zu einer niedrigeren Bildrate, wodurch sich die Anwendung weniger reaktionsschnell anfühlt.
• Stromverbrauch: Die Optimierung der Speicherbandbreite kann auch indirekt zu einem geringeren Stromverbrauch beitragen, was besonders für mobile Geräte wichtig ist.

Häufige Engpässe bei der WebGL-Speicherbandbreite

Mehrere Bereiche können zu Engpässen bei der GPU-Speicherbandbreite in WebGL-Anwendungen beitragen. Die Identifizierung dieser Engpässe ist der erste Schritt zu einer effektiven Optimierung.

1. Texturverwaltung

Texturen machen oft den größten Teil der an die GPU übertragenen Daten aus. Schlecht verwaltete Texturen sind eine häufige Ursache für Bandbreitenprobleme.

• Hochauflösende Texturen: Die Verwendung übermäßig großer Texturauflösungen ohne Berücksichtigung der Anzeigegröße ist eine erhebliche Belastung für die Bandbreite.
• Unkomprimierte Texturen: Unkomprimierte Texturformate verbrauchen mehr Speicher als komprimierte, was zu einem erhöhten Bandbreitenbedarf führt.
• Häufige Textur-Uploads: Das wiederholte Hochladen derselben Texturen auf die GPU verschwendet Bandbreite.

Beispiel: Stellen Sie sich eine globale E-Commerce-Plattform vor, die Produktbilder anzeigt. Wenn jedes Produktbild eine hochauflösende unkomprimierte Textur verwendet, wird die Ladezeit der Seite erheblich beeinträchtigt, insbesondere für Benutzer in Regionen mit langsameren Internetverbindungen.

2. Verwaltung von Vertex-Daten

Vertex-Daten, die die geometrischen Informationen von 3D-Modellen darstellen, tragen ebenfalls zur Bandbreitennutzung bei.

• Übermäßige Vertex-Daten: Modelle mit einer hohen Anzahl von Vertices, auch wenn sie visuell einfach sind, erfordern mehr Datenübertragung.
• Nicht optimierte Vertex-Formate: Die Verwendung unnötig hochpräziser Vertex-Formate kann die Menge der übertragenen Daten erhöhen.
• Häufige Aktualisierungen der Vertex-Daten: Das ständige Aktualisieren von Vertex-Daten, wie z.B. für animierte Modelle, erfordert eine erhebliche Bandbreite.

Beispiel: Ein globales 3D-Spiel, das Modelle mit hoher Polygonanzahl verwendet, wird auf Geräten mit begrenzter GPU-Speicherbandbreite Leistungseinbußen erfahren. Dies beeinträchtigt das Spielerlebnis für Spieler in Ländern wie Indien, wo Mobile Gaming sehr verbreitet ist.

3. Pufferverwaltung

WebGL verwendet Puffer (Vertex-Puffer, Index-Puffer), um Daten für die GPU zu speichern. Eine ineffiziente Pufferverwaltung kann zu verschwendeter Bandbreite führen.

• Unnötige Puffer-Aktualisierungen: Das häufige Aktualisieren von Puffern, wenn es nicht erforderlich ist, ist eine Verschwendung von Ressourcen.
• Ineffiziente Puffer-Zuweisung: Das häufige Zuweisen und Freigeben von Puffern kann zusätzlichen Overhead verursachen.
• Falsche Puffer-Nutzungsflags: Die Verwendung der falschen Puffer-Nutzungsflags (z.B. `gl.STATIC_DRAW`, `gl.DYNAMIC_DRAW`) kann die Leistung beeinträchtigen.

Beispiel: Eine Datenvisualisierungsanwendung, die Echtzeit-Börsendaten darstellt, muss ihre Puffer häufig aktualisieren. Eine falsche Puffernutzung kann die Bildrate und die Reaktionsfähigkeit erheblich beeinträchtigen, was sich auf Benutzer in Finanzzentren wie London oder New York auswirkt.

4. Shader-Kompilierung und Uniform-Aktualisierungen

Obwohl nicht direkt mit der Speicherbandbreite zusammenhängend, können die Shader-Kompilierung und häufige Uniform-Aktualisierungen die Leistung indirekt beeinträchtigen, indem sie das Rendering verzögern und CPU-Ressourcen verbrauchen, die andernfalls für die Verwaltung der Speicherübertragung hätten verwendet werden können.

• Komplexe Shader: Komplexere Shader benötigen mehr Zeit zum Kompilieren.
• Häufige Uniform-Aktualisierungen: Das zu häufige Aktualisieren von Uniforms (Werte, die an Shader übergeben werden) kann zu einem Engpass werden, insbesondere wenn die Aktualisierungen eine erhebliche Datenübertragung beinhalten.

Beispiel: Eine WebGL-basierte Wettersimulation, die weltweit unterschiedliche Wetterphänomene mit komplexen Shadern für visuelle Effekte darstellt, würde stark von der Optimierung der Shader-Kompilierung und der Uniform-Aktualisierungen profitieren.

Optimierungstechniken: Verbesserung der Übertragungsraten

Lassen Sie uns nun praktische Techniken zur Optimierung der WebGL-Leistung untersuchen, indem wir die oben genannten Engpässe angehen. Diese Techniken zielen darauf ab, die Nutzung der GPU-Speicherbandbreite zu verbessern und die Übertragungsraten zu erhöhen.

1. Texturoptimierung

Die Texturoptimierung ist entscheidend, um die Datenübertragung zu minimieren.

• Texturkomprimierung: Nutzen Sie Texturkomprimierungsformate wie ETC1/2 (für Mobilgeräte) oder S3TC/DXT (für Desktops), um die Texturgröße und die Nutzung der Speicherbandbreite erheblich zu reduzieren. WebGL 2.0 unterstützt verschiedene Komprimierungsformate, und die Browserunterstützung variiert je nach Gerät. Erwägen Sie die Verwendung von Fallbacks für Geräte, die bestimmte Formate nicht unterstützen.
• Mipmapping: Generieren Sie Mipmaps für Texturen. Mipmaps sind vorberechnete, niedrigauflösende Versionen der Textur. Die GPU kann die geeignete Mipmap-Ebene basierend auf der Entfernung des Objekts von der Kamera auswählen und so Bandbreite sparen, indem sie nach Möglichkeit kleinere Texturen verwendet.
• Texturgröße und -auflösung: Passen Sie die Größe der Texturen an die visuellen Anforderungen an. Verwenden Sie keine 4K-Textur für ein kleines UI-Element, das nur in einer geringeren Auflösung angezeigt wird. Berücksichtigen Sie die Bildschirmauflösung des Geräts.
• Texturatlanten: Kombinieren Sie mehrere kleine Texturen zu einem einzigen größeren Texturatlas. Dies reduziert die Anzahl der Texturbindungen und kann die Leistung verbessern. Es ist besonders hilfreich für UI-Elemente oder kleine, wiederholte Texturen.
• Lazy Loading und Texture Streaming: Laden Sie Texturen nach Bedarf, anstatt alles auf einmal zu laden. Texture Streaming ermöglicht es der GPU, eine niedrigauflösende Version einer Textur zu rendern, während die volle Auflösung im Hintergrund geladen wird. Dies sorgt für ein flüssigeres anfängliches Ladeerlebnis, insbesondere bei großen Texturen.

Beispiel: Eine globale Tourismus-Website, die weltweit Reiseziele präsentiert, sollte optimierten Texturen Priorität einräumen. Verwenden Sie komprimierte Texturen für Bilder von Touristenattraktionen (z. B. der Eiffelturm in Paris, die Chinesische Mauer) und generieren Sie Mipmaps für jede Textur. Dies gewährleistet ein schnelles Ladeerlebnis für Benutzer auf jedem Gerät.

2. Optimierung von Vertex-Daten

Eine effiziente Verwaltung von Vertex-Daten ist für eine optimale Leistung unerlässlich.

• Modellvereinfachung: Vereinfachen Sie Modelle, indem Sie die Anzahl der Vertices reduzieren. Dies kann manuell in einem 3D-Modellierungsprogramm oder automatisch mit Techniken wie der Mesh-Dezimierung erfolgen.
• Vertex-Attribute: Wählen Sie die Vertex-Attribute sorgfältig aus. Fügen Sie nur die notwendigen Attribute hinzu (Position, Normalen, Texturkoordinaten usw.).
• Vertex-Format: Verwenden Sie die kleinstmöglichen Datentypen für Vertex-Attribute. Verwenden Sie beispielsweise `gl.FLOAT`, wenn `gl.HALF_FLOAT` (falls unterstützt) ausreichen könnte.
• Vertex Buffer Objects (VBOs) und Element Buffer Objects (EBOs): Verwenden Sie VBOs und EBOs, um Vertex- und Indexdaten im Speicher der GPU abzulegen. Dadurch wird vermieden, dass die Daten in jedem Frame übertragen werden müssen.
• Instancing: Verwenden Sie Instancing, um mehrere Instanzen desselben Modells effizient zu zeichnen. Dies erfordert, dass die Vertex-Daten nur einmal übertragen werden.
• Vertex Caching: Cachen Sie Vertex-Daten, die sich nicht häufig ändern. Vermeiden Sie es, dieselben Daten in jedem Frame erneut auf die GPU hochzuladen.

Beispiel: Ein WebGL-basiertes Spiel mit einer riesigen offenen Welt. Die Optimierung der Vertex-Daten ist entscheidend. Nutzen Sie Instancing zum Zeichnen von Bäumen, Felsen und anderen wiederholten Objekten. Wenden Sie Modellvereinfachungstechniken für weit entfernte Objekte an, um die Anzahl der gerenderten Vertices zu reduzieren.

3. Optimierung der Pufferverwaltung

Eine ordnungsgemäße Pufferverwaltung ist entscheidend, um die Bandbreitennutzung zu minimieren.

• Puffer-Nutzungsflags: Verwenden Sie beim Erstellen von Puffern die richtigen Puffer-Nutzungsflags. `gl.STATIC_DRAW` für Daten, die sich selten ändern, `gl.DYNAMIC_DRAW` für häufig aktualisierte Daten und `gl.STREAM_DRAW` für Daten, die sich in jedem Frame ändern.
• Puffer-Aktualisierungen: Minimieren Sie Puffer-Aktualisierungen. Vermeiden Sie es, Puffer unnötig zu aktualisieren. Aktualisieren Sie nur den Teil des Puffers, der sich geändert hat.
• Buffer Mapping: Erwägen Sie die Verwendung von `gl.mapBufferRange()` (falls unterstützt), um direkt auf den Speicher des Puffers zuzugreifen. Dies kann in einigen Fällen schneller sein als `gl.bufferSubData()`, insbesondere bei häufigen, aber kleinen Aktualisierungen.
• Puffer-Pool: Implementieren Sie für dynamische Puffer einen Puffer-Pool. Verwenden Sie vorhandene Puffer wieder, anstatt sie häufig zu erstellen und zu zerstören.
• Häufiges Binden von Puffern vermeiden: Minimieren Sie die Anzahl, wie oft Sie Puffer binden und entbinden. Fassen Sie Zeichenaufrufe zusammen, um den Overhead zu reduzieren.

Beispiel: Ein Echtzeit-Graphvisualisierungstool, das dynamische Daten anzeigt. Verwenden Sie `gl.DYNAMIC_DRAW` für den Vertex-Puffer, der die Datenpunkte enthält. Aktualisieren Sie nur die Teile des Puffers, die sich geändert haben, anstatt den gesamten Puffer in jedem Frame neu hochzuladen. Implementieren Sie einen Puffer-Pool, um die Pufferressourcen effizient zu verwalten.

4. Shader- und Uniform-Optimierung

Die Optimierung der Shader-Nutzung und der Uniform-Aktualisierungen verbessert die Gesamtleistung.

• Shader-Kompilierung: Kompilieren Sie Shader nach Möglichkeit vor, um eine Kompilierung während der Laufzeit zu vermeiden. Nutzen Sie Shader-Caching-Mechanismen.
• Shader-Komplexität: Optimieren Sie den Shader-Code auf Effizienz. Vereinfachen Sie die Shader-Logik, reduzieren Sie die Anzahl der Berechnungen und vermeiden Sie unnötige Verzweigungen.
• Uniform-Aktualisierungen: Minimieren Sie die Häufigkeit von Uniform-Aktualisierungen. Gruppieren Sie, wenn möglich, Uniform-Aktualisierungen. Erwägen Sie die Verwendung von Uniform-Puffern (UBOs) in WebGL 2.0, um große Sätze von Uniforms effizient zu aktualisieren.
• Uniform-Datentypen: Verwenden Sie die effizientesten Datentypen für Uniforms. Wählen Sie, wenn möglich, einfach-präzise Floats anstelle von doppelt-präzisen.
• Uniform Block Objects (UBOs): Verwenden Sie für häufige Uniform-Aktualisierungen Uniform Block Objects (UBOs). UBOs ermöglichen es Ihnen, mehrere Uniform-Variablen zu gruppieren, sie in einem Zug auf die GPU hochzuladen und sie effizienter zu aktualisieren. Hinweis: WebGL 1.0 unterstützt keine UBOs, aber WebGL 2.0 schon.

Beispiel: Eine WebGL-basierte Simulation eines komplexen physikalischen Systems. Optimieren Sie die Shader, um die Rechenlast zu reduzieren. Minimieren Sie die Anzahl der Uniform-Aktualisierungen für Parameter wie Schwerkraft und Windrichtung. Erwägen Sie die Verwendung von Uniform-Puffern, wenn Sie viele Parameter aktualisieren müssen.

5. Optimierung auf Code-Ebene

Die Optimierung des zugrunde liegenden JavaScript-Codes kann die WebGL-Leistung weiter verbessern.

• JavaScript-Profiling: Verwenden Sie Browser-Entwicklertools (Chrome DevTools, Firefox Developer Tools usw.), um Ihren JavaScript-Code zu profilieren und Leistungsengpässe zu identifizieren.
• Unnötige Operationen vermeiden: Entfernen Sie alle unnötigen Berechnungen, Schleifen und Funktionsaufrufe.
• Caching: Cachen Sie häufig abgerufene Daten wie Textur-Handles, Pufferobjekte und Uniform-Positionen.
• Optimierung für die Garbage Collection: Minimieren Sie die Speicherzuweisung und -freigabe, um die Auswirkungen der Garbage Collection auf die Leistung zu reduzieren.
• Web Worker verwenden: Lagern Sie rechenintensive Aufgaben in Web Worker aus, um den Hauptthread nicht zu blockieren. Dies ist besonders nützlich für Aufgaben wie das Laden von Modellen oder die Datenverarbeitung.

Beispiel: Ein Datenvisualisierungs-Dashboard, bei dem die Datenverarbeitung für einen großen Datensatz durchgeführt wird. Das Verschieben der Datenverarbeitung und möglicherweise der Vorbereitung der Pufferdaten in einen Web Worker würde den Hauptthread für das WebGL-Rendering frei halten und die Reaktionsfähigkeit der Benutzeroberfläche verbessern, insbesondere für Benutzer mit langsameren Geräten oder Internetverbindungen.

Werkzeuge und Techniken zur Messung und Überwachung der Leistung

Optimierung ist ein iterativer Prozess. Die Messung und Überwachung der Leistung ist entscheidend, um Engpässe zu identifizieren und Optimierungsbemühungen zu validieren. Mehrere Werkzeuge und Techniken können dabei helfen:

• Browser-Entwicklertools: Nutzen Sie die integrierten Entwicklertools in Browsern wie Chrome, Firefox, Safari und Edge. Diese Tools bieten Profiling-Funktionen für JavaScript und WebGL, mit denen Sie Leistungsengpässe in Ihrem Code identifizieren und Bildraten (FPS), Draw Calls und andere Metriken messen können.
• WebGL-Debugger-Erweiterungen: Installieren Sie WebGL-Debugging-Erweiterungen für Ihren Browser (z.B. den WebGL Inspector für Chrome und Firefox). Diese Erweiterungen bieten erweiterte Debugging-Funktionen, einschließlich der Möglichkeit, Shader-Code zu inspizieren, Texturdaten anzuzeigen und Draw Calls im Detail zu analysieren.
• Performance-Metriken-APIs: Verwenden Sie die `performance.now()`-API in JavaScript, um die Ausführungszeit bestimmter Codeabschnitte zu messen. Dies ermöglicht es Ihnen, die Leistungsauswirkungen bestimmter Operationen genau zu bestimmen.
• Bildratenzähler: Implementieren Sie einen einfachen Bildratenzähler, um die Leistung der Anwendung zu überwachen. Verfolgen Sie die Anzahl der pro Sekunde gerenderten Bilder (FPS), um die Wirksamkeit der Optimierungsbemühungen zu beurteilen.
• GPU-Profiling-Tools: Verwenden Sie dedizierte GPU-Profiling-Tools, falls auf Ihrem Gerät verfügbar. Diese Tools bieten detailliertere Informationen über die GPU-Leistung, einschließlich der Nutzung der Speicherbandbreite, der Shader-Leistung und mehr.
• Benchmarking: Erstellen Sie Benchmark-Tests, um die Leistung Ihrer Anwendung unter verschiedenen Bedingungen zu bewerten. Führen Sie diese Benchmarks auf verschiedenen Geräten und in verschiedenen Browsern durch, um eine konsistente Leistung über alle Plattformen hinweg sicherzustellen.

Beispiel: Bevor Sie einen globalen Produktkonfigurator starten, profilieren Sie die Anwendung gründlich mit dem Performance-Tab der Chrome DevTools. Analysieren Sie die WebGL-Rendering-Zeiten, identifizieren Sie alle lang laufenden Operationen und optimieren Sie diese. Verwenden Sie FPS-Zähler während des Testens in Märkten wie Europa und Amerika, um eine konsistente Leistung bei verschiedenen Gerätekonfigurationen sicherzustellen.

Plattformübergreifende Überlegungen und globale Auswirkungen

Bei der Optimierung von WebGL-Anwendungen für ein globales Publikum ist es wichtig, die plattformübergreifende Kompatibilität und die vielfältigen Fähigkeiten von Geräten weltweit zu berücksichtigen.

• Gerätevielfalt: Benutzer werden auf Ihre Anwendung mit einer breiten Palette von Geräten zugreifen, von High-End-Gaming-PCs bis hin zu leistungsschwachen Smartphones. Testen Sie Ihre Anwendung auf einer Vielzahl von Geräten mit unterschiedlichen Bildschirmauflösungen, GPU-Fähigkeiten und Speicherbeschränkungen.
• Browser-Kompatibilität: Stellen Sie sicher, dass Ihre WebGL-Anwendung mit den neuesten Versionen gängiger Browser (Chrome, Firefox, Safari, Edge) auf verschiedenen Betriebssystemen (Windows, macOS, Android, iOS) kompatibel ist.
• Mobile Optimierung: Mobile Geräte haben oft eine begrenzte GPU-Speicherbandbreite und Rechenleistung. Optimieren Sie Ihre Anwendung speziell für mobile Geräte durch den Einsatz von Texturkomprimierung, Modellvereinfachung und anderen mobilspezifischen Optimierungstechniken.
• Netzwerkbedingungen: Berücksichtigen Sie die Netzwerkbedingungen in verschiedenen Regionen. Benutzer in einigen Gebieten haben möglicherweise langsamere Internetverbindungen. Optimieren Sie Ihre Anwendung, um die übertragene Datenmenge und die Ladezeit der Ressourcen zu minimieren.
• Lokalisierung: Wenn Ihre Anwendung weltweit genutzt wird, erwägen Sie die Lokalisierung des Inhalts und der Benutzeroberfläche, um verschiedene Sprachen und Kulturen zu unterstützen. Dies wird die Benutzererfahrung für Benutzer in verschiedenen Ländern verbessern.

Beispiel: Eine interaktive WebGL-basierte Karte, die weltweit Echtzeit-Wetterinformationen anzeigt. Optimieren Sie die Anwendung für mobile Geräte durch die Verwendung komprimierter Texturen und Modellvereinfachung. Bieten Sie verschiedene Detaillierungsgrade basierend auf den Gerätefähigkeiten und Netzwerkbedingungen an. Stellen Sie eine Benutzeroberfläche bereit, die für verschiedene Sprachen und kulturelle Vorlieben lokalisiert ist. Testen Sie die Leistung in Ländern mit unterschiedlichen Infrastrukturbedingungen, um ein reibungsloses Erlebnis weltweit zu gewährleisten.

Fazit: Kontinuierliche Optimierung für WebGL-Exzellenz

Die Optimierung der GPU-Speicherbandbreite ist ein entscheidender Aspekt beim Erstellen von leistungsstarken WebGL-Anwendungen. Indem Sie die Engpässe verstehen und die in diesem Blogbeitrag beschriebenen Techniken implementieren, können Sie die Leistung Ihrer WebGL-Anwendungen erheblich verbessern und einem globalen Publikum eine bessere Benutzererfahrung bieten. Denken Sie daran, dass Optimierung ein fortlaufender Prozess ist. Überwachen Sie kontinuierlich die Leistung, experimentieren Sie mit verschiedenen Techniken und bleiben Sie über die neuesten WebGL-Entwicklungen und Best Practices auf dem Laufenden. Die Fähigkeit, hochwertige Grafikerlebnisse über verschiedene Geräte und Netzwerke hinweg zu liefern, ist der Schlüssel zum Erfolg in der heutigen Webumgebung. Durch kontinuierliches Streben nach Optimierung können Sie sicherstellen, dass Ihre WebGL-Anwendungen sowohl visuell beeindruckend als auch performant sind, ein weltweites Publikum ansprechen und eine positive Benutzererfahrung über alle demografischen und globalen Regionen hinweg fördern. Die Optimierungsreise kommt allen zugute, von Endbenutzern in Asien bis hin zu Entwicklern in Nordamerika, indem sie WebGL weltweit zugänglich und performant macht.