From 4b1a9203c547c019fc5398082ae19a3f3d4c3efe Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:41:15 -0500 Subject: initial commit --- files/de/tools/performance/index.html | 96 +++++++++++++++++++++++++++++++++++ 1 file changed, 96 insertions(+) create mode 100644 files/de/tools/performance/index.html (limited to 'files/de/tools/performance/index.html') diff --git a/files/de/tools/performance/index.html b/files/de/tools/performance/index.html new file mode 100644 index 0000000000..21a61a4805 --- /dev/null +++ b/files/de/tools/performance/index.html @@ -0,0 +1,96 @@ +--- +title: Performance +slug: Tools/Performance +translation_of: Tools/Performance +--- +
{{ToolsSidebar}}
+ +

Mit dem Leistungstool erhalten Sie Einblick in die allgemeine Reaktionsfähigkeit, JavaScript und Layoutleistung Ihrer Website. Mit dem Leistungstool erstellen Sie über einen bestimmten Zeitraum eine Aufnahme oder ein Profil Ihrer Website. Das Tool zeigt Ihnen dann einen Überblick über die Aktivitäten des Browsers zum Rendern Ihrer Website über das Profil und eine Grafik der Bildrate über dem Profil.

+ +

Sie erhalten vier Unterwerkzeuge, mit denen Sie Aspekte des Profils genauer untersuchen können:

+ + + +

{{EmbedYouTube("WBmttwfA_k8")}}

+ +
+

Erste Schritte

+ +
+
+
+
UI Tour
+
+

Um sich im Performance-Tool zurechtzufinden, finden Sie hier eine kurze Einführung in die Benutzeroberfläche.

+
+
+
+ +
+
+
How to
+
Grundlagen: Öffnen Sie das Tool, erstellen, speichern, laden und konfigurieren Sie Aufnahmen
+
+
+
+ +
+

Komponenten des Performance-Tools

+ +
+
+
+
Bildrate
+
Understand your site's overall responsiveness.
+
Aufruf-Baum
+
Find bottlenecks in your site's JavaScript.
+
Allokationen
+
See the allocations made by your code over the course of the recording.
+
+
+ +
+
+
Wasserfall
+
Understand the work the browser's doing as the user interacts with your site.
+
Flammendiagramm
+
See which JavaScript functions are executing, and when, over the course of the recording.
+
 
+
+
+
+ +
+

Scenarios

+ +
+
+
+
Animieren von CSS-Eigenschaften
+
Uses the Waterfall to understand how the browser updates a page, and how animating different CSS properties can affect performance.
+
 
+
+
+ +
+
+
Intensives JavaScript
+
Uses the frame rate and Waterfall tools to highlight performance problems caused by long-running JavaScript, and how using workers can help in this situation.
+
+
+
+ +

 

+ +
+
+
 
+
+
+ +

 

-- cgit v1.2.3-54-g00ecf