From 074785cea106179cb3305637055ab0a009ca74f2 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:42:52 -0500 Subject: initial commit --- files/ru/tools/memory/index.html | 71 ++++++++++++++++++++++++++ files/ru/tools/memory/tree_map_view/index.html | 50 ++++++++++++++++++ 2 files changed, 121 insertions(+) create mode 100644 files/ru/tools/memory/index.html create mode 100644 files/ru/tools/memory/tree_map_view/index.html (limited to 'files/ru/tools/memory') diff --git a/files/ru/tools/memory/index.html b/files/ru/tools/memory/index.html new file mode 100644 index 0000000000..3cec3f7248 --- /dev/null +++ b/files/ru/tools/memory/index.html @@ -0,0 +1,71 @@ +--- +title: Память +slug: Tools/Memory +tags: + - DevTools + - Firefox + - Mozilla + - NeedsTranslation + - Tools + - TopicStub +translation_of: Tools/Memory +--- +
{{ToolsSidebar}}
+ +
Инструмент "Память" позволяет вам делать снимки выделенной на куче памяти текущей вкладкой. Он так же предоставляет несколько представлений кучи, которые могут показать какие объекты используют память и где именно в коде происходит выделение.
+ +
+ +

{{EmbedYouTube("DJLoq5E5ww0")}}

+ +
+

Основы

+ +
+ +
+ +
+

Анализ снимков

+ +
+

The Tree map view is new in Firefox 48, and the Dominators view is new in FIrefox 46.

+
+ +

После того, как вы сделали снимок, есть три главных вида (для просмотра снимка), предоставляемых инструментом "Память".

+ + + +

If you've opted to record allocation stacks for the snapshot, the Aggregate and Dominators views can show you exactly where in your code allocations are happening.

+ +
+

Concepts

+ +
+ +
+ +
+

Примеры

+ +

Используемые примеры в документации инструмента "Память".

+ +
+ +
diff --git a/files/ru/tools/memory/tree_map_view/index.html b/files/ru/tools/memory/tree_map_view/index.html new file mode 100644 index 0000000000..b37817036a --- /dev/null +++ b/files/ru/tools/memory/tree_map_view/index.html @@ -0,0 +1,50 @@ +--- +title: Просмотр дерева объектов памяти +slug: Tools/Memory/Tree_map_view +tags: + - Debug + - memory + - Отладка + - Память +translation_of: Tools/Memory/Tree_map_view +--- +
{{ToolsSidebar}}
+

Вид "Дерево объектов" (Tree map view) - новая возможность в Firefox 48.

+
+ +

Вид "Дерево объектов" (Карта объектов, Tree map view) даёт визуальное представление снимка памяти (snapshot), который поможет быстро определить, какие из объектов используют больше оперативной памяти.

+ +

Данный вид - это "иерархическое (древовидное) представление данных, представленное в виде набора вложенных прямоугольников". Размер прямоугольников соответствует некоторому относительному количественному представлению о данных.

+ +

В Дереве, показываемом в "Memory tool", объекты в куче (heap) разделены на четыре верхнеуровневых категории:

+ + + +

Каждая категория представлена прямоугольником, размер каждого их которых пропорционален размеру занимаемой памяти объектами в "куче". Это значит, что вы можете быстро сообразить, какие виды объектов используют больше памяти.

+ +

Подкатегории верхнего уровня:

+ + + +

Вот несколько примеров снимков памяти (snapshots) в древовидном виде:

+ +

+ +

Это дерево создано по скрипту в начале страницы DOM allocation example, создающем большое число DOM-узлов (200 объектов HTMLDivElement и 4000 объектов HTMLSpanElement). Вы видите, как почти вся "куча" используется элементами HTMLSpanElement, которые уже создались.

+ +

+ +

Это дерево после выполнения скрипта со страницы monster allocation example, который создаёт три массива, каждый содержащий 5000 монстров (персонажей), каждый из которых имеет случайно-сгенерированное имя. Вы заметите, что большая часть "кучи" занята строками (strings), используемых для имён, и объектов, используемых для хранения других атрибутов монстров.

+ +

+ +

Это дерево со страницы http://www.bbc.com/, и, вероятно, является примером из жизни лучшим, чем предыдущие примеры. Вы видите, что большую часть занимают скрипты (scripts), которые загружены из множества разных источников.

-- cgit v1.2.3-54-g00ecf