From 218934fa2ed1c702a6d3923d2aa2cc6b43c48684 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:43:23 -0500 Subject: initial commit --- files/tr/araclar/performance/index.html | 92 +++++++++++++++++++++++++++++++++ 1 file changed, 92 insertions(+) create mode 100644 files/tr/araclar/performance/index.html (limited to 'files/tr/araclar/performance') diff --git a/files/tr/araclar/performance/index.html b/files/tr/araclar/performance/index.html new file mode 100644 index 0000000000..803e590515 --- /dev/null +++ b/files/tr/araclar/performance/index.html @@ -0,0 +1,92 @@ +--- +title: Performance +slug: Araclar/Performance +translation_of: Tools/Performance +--- +
{{ToolsSidebar}}
+ +

The Performance tool gives you insight into your site's general responsiveness, JavaScript and layout performance. With the Performance tool you create a recording, or profile, of your site over a period of time. The tool then shows you an overview of the things the browser was doing to render your site over the profile, and a graph of the frame rate over the profile.

+ +

You get four sub-tools to examine aspects of the profile in more detail:

+ + + +

{{EmbedYouTube("WBmttwfA_k8")}}

+ +
+

Getting started

+ +
+
+
+
UI Tour
+
+

To find your way around the Performance tool, here's a quick tour of the UI.

+
+
+
+ +
+
+
How to
+
Basic tasks: open the tool, create, save, load, and configure recordings
+
+
+
+ +
+

Components of the Performance tool

+ +
+
+
+
Frame rate
+
Understand your site's overall responsiveness.
+
Call Tree
+
Find bottlenecks in your site's JavaScript.
+
Allocations
+
See the allocations made by your code over the course of the recording.
+
+
+ +
+
+
Waterfall
+
Understand the work the browser's doing as the user interacts with your site.
+
Flame Chart
+
See which JavaScript functions are executing, and when, over the course of the recording.
+
+
+
+
+ +
+

Scenarios

+ +
+
+
+
Animating CSS properties
+
Uses the Waterfall to understand how the browser updates a page, and how animating different CSS properties can affect performance.
+
+
+
+ +
+
+
Intensive 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