1 files changed, 126 insertions, 0 deletions
diff --git a/files/de/tools/netzwerkanalyse/index.html b/files/de/tools/netzwerkanalyse/index.html
new file mode 100644
index 0000000000..1eed8449f5
--- /dev/null
+++ b/files/de/tools/netzwerkanalyse/index.html
@@ -0,0 +1,126 @@
+---
+title: Netzwerkanalyse
+slug: Tools/netzwerkanalyse
+translation_of: Tools/Network_Monitor
+---
+<div>{{ToolsSidebar}}</div><p>Die Netzwerkanalyse zeigt Ihnen alle Netzwerkanfragen in Firefox  (z. B. wenn er eine Seite lädt oder über <a href="/docs/Web/API/XMLHttpRequest">XMLHttpRequests</a>), wie lange jede Anfrage gedauert hat und Details dazu. Um die Analyseansicht zu öffnen, wählen Sie „Netzwerkanalyse“ im Menü „Web-Entwickler“ (welches ein Untermenü von „Extras“ unter Mac und Linux ist) oder öffnen Sie die Entwickler-Symbolleiste und wechseln Sie zum Reiter „Netzwerk“.</p>
+
+<p>Die Netzwerkanalyse erscheint am unteren Browserrand. Laden Sie die Seite neu, um die Anfrage zu sehen:</p>
+
+<p><img alt="" src="https://mdn.mozillademos.org/files/7405/nm-overview.png" style="display: block; margin-left: auto; margin-right: auto;"></p>
+
+<h2 id="Liste_der_Netzwerkanfragen">Liste der Netzwerkanfragen</h2>
+
+<p>Per Voreinstellung zeigt die Netzwerkanalyse eine Liste aller Netzwerkanfragen, die während des Ladens der Seite gemacht wurden. Jede Anfage steht in einer eigenen Zeile:<br>
+ <img alt="" src="https://mdn.mozillademos.org/files/7419/nm-row.png" style="display: block; margin-left: auto; margin-right: auto;"></p>
+
+<h3 id="Felder_der_Netzwerkanfragen">Felder der Netzwerkanfragen</h3>
+
+<p>Jede Zeile zeigt folgendes:</p>
+
+<ul>
+ <li><strong>√</strong>: der zurückgegebene HTTP-Statuscode. Das wird als eingefärbtes Symbol dargestellt: grün steht für Erfolg (Codes mit 2XX), orange steht für Weiterleitung (3XX) und rot steht für Fehler (4XX und 5XX). Ab Firefox 30 wird der exakte Code gleich hinter dem Symbol angezeigt.</li>
+ <li><strong>Methode</strong>: die HTTP-Anfragemethode</li>
+ <li><strong>Datei</strong>: Basisname der angefragten Datei</li>
+ <li><strong>Domain</strong>: Domain des angefragten Pfades</li>
+ <li><strong>Typ</strong>: <code>Content-type</code> der Anfrage</li>
+ <li><strong>Größe</strong>: Größe der Anfrage</li>
+</ul>
+
+<p>Die Symbolleiste oberhalb benennt diese Spalten und das Klicken auf eine Benennung sortiert die Anfragen nach dieser Spalte.</p>
+
+<p>Ab Firefox 30 wird ein Vorschaubild der Grafik angezeigt, wenn es sich bei der Datei und eine Grafik handelt, und beim Drüberfahren mit dem Mauszeiger wird ein Vorschaubild angezeigt:</p>
+
+<p><img alt="" src="https://mdn.mozillademos.org/files/7403/nm-image-preview.png" style="display: block; margin-left: auto; margin-right: auto;"></p>
+
+<h3 id="Zeitverlauf">Zeitverlauf</h3>
+
+<p>Die Anfrageliste zeigt ebenfalls einen Zeitverlauf für die verschiedenen Teilen jeder Anfrage. Jeder Zeitverlauf erhält eine horizontale Position in seiner Reihe relativ zu den anderen Netzwerkanfragen. Damit können Sie sehen, wie lange die Seite insgesamt zum Laden benötigt hat. </p>
+
+<h3 id="Nach_Content-Typen_filtern">Nach Content-Typen filtern</h3>
+
+<p>Am Ende jeder Seite können Sie über die Schaltflächen Filter für die Anfragen erstellen, abhängig vom Content-Typ der Anfrage:<img alt="" src="https://mdn.mozillademos.org/files/7395/nm-filter-by-type.png" style="display: block; margin-left: auto; margin-right: auto;"></p>
+
+<div class="geckoVersionNote">
+<p>Das Leeren der Liste der Netzwerkanfragen ist neu seit Firefox 28.</p>
+</div>
+
+<p>Ab Firefox 28 gibt es ganz rechts in der Zeile die Schaltfläche „Leeren“: Wie Sie sicher ahnen, können Sie damit die Liste der Netzwerkanfragen löschen.</p>
+
+<h2 id="Details_zu_den_Netzwerkanfragen">Details zu den Netzwerkanfragen</h2>
+
+<p>Durch einen Klick auf eine Zeile wird eine neue Ansicht im rechten Teil des Netzwerkanalyse-Fensters angezeigt, das Ihnen detaillierte Informationen über die Anfrage bietet.</p>
+
+<p><img alt="" src="https://mdn.mozillademos.org/files/7393/nm-details-annotated.png" style="display: block; margin-left: auto; margin-right: auto;">Mithilfe der Reiter ganz oben in dieser Ansicht können Sie zwischen verschiedenen Seiten wechseln:</p>
+
+<ul>
+ <li><strong>Kopfzeilen</strong></li>
+ <li><strong>Cookies</strong></li>
+ <li><strong>Parameter</strong></li>
+ <li><strong>Antwort</strong></li>
+ <li><strong>Zeit</strong></li>
+</ul>
+
+<p>Ab Firefox 30 gibt es eine sechste Seite namens <strong>Vorschau</strong>, die nur angezeigt wird, wenn der Content-Typ HTML ist.</p>
+
+<p>Durch Klicken auf das Symbol links von den Reitern schließt diese Ansicht und bringt Sie zurück zur Listenansicht.</p>
+
+<h3 id="Kopfzeilen">Kopfzeilen</h3>
+
+<p>Dieser Reiter listet Basisinformationen über die Anfragen auf und enthält die URL, den Status-Code, die HTTP-Anfrage und die Antwortkopfzeilen, die gesendet wurden:</p>
+
+<p><img alt="" src="https://mdn.mozillademos.org/files/7397/nm-headers.png" style="display: block; margin-left: auto; margin-right: auto;">Sie können zu den angezeigten Kopfzeilen Filter setzen:</p>
+
+<h3 id="Cookies"><img alt="" src="https://mdn.mozillademos.org/files/7399/nm-headers-filtered.png" style="display: block; margin-left: auto; margin-right: auto;">Cookies</h3>
+
+<p>Dieser Reiter zeigt alle Details zu jedem Cookie, das mit einer Anfrage oder einer Antwort gesendet wurde:</p>
+
+<p><img alt="" src="https://mdn.mozillademos.org/files/7391/nm-cookies.png" style="display: block; margin-left: auto; margin-right: auto;">So wie bei den Kopfzeilen können Sie auch die angezeigten Cookies filtern.</p>
+
+<h3 id="Parameter">Parameter</h3>
+
+<p>Dieser Reiter zeigt die GET-Parameter und POST-Daten einer Anfrage:</p>
+
+<h3 id="Antwort"><img alt="" src="https://mdn.mozillademos.org/files/7407/nm-params.png" style="display: block; margin-left: auto; margin-right: auto;">Antwort</h3>
+
+<p>Der vollständige Inhalt einer Antwort wird in diesem Reiter angezeigt. Wenn die Antwort HTML, JS oder CSS ist, wird es als Text dargestellt:</p>
+
+<p><img alt="" src="https://mdn.mozillademos.org/files/7413/nm-response-html.png" style="display: block; margin-left: auto; margin-right: auto;">Wenn die Antwort JSON ist, wird es als untersuchbares Objekt dargestellt:</p>
+
+<p><img alt="" src="https://mdn.mozillademos.org/files/7421/nm-response-json.png" style="display: block; margin-left: auto; margin-right: auto;">Wenn die Anfrage eine Grafik ist, wird im Reiter eine Vorschau dargestellt:</p>
+
+<h3 id="Zeitverlauf_2"><img alt="" src="https://mdn.mozillademos.org/files/7415/nm-response-image.png" style="display: block; margin-left: auto; margin-right: auto;">Zeitverlauf</h3>
+
+<p>Im Reiter Zeitverlauf wird eine detailliertere und kommentierte Ansicht der Zeitverlaufsleiste dieser Anfrage angezeigt und stellt die Gesamtwartezeit in seinen verschiedenen Abschnitten dar:<img alt="" src="https://mdn.mozillademos.org/files/7417/nm-timings.png" style="display: block; margin-left: auto; margin-right: auto;"></p>
+
+<h3 id="Vorschau">Vorschau</h3>
+
+<div class="geckoVersionNote">
+<p>Diese Funktion ist neu ab Firefox 30.</p>
+</div>
+
+<p>Ab Firefox 30 wird der Reiter „Vorschau“ als sechstes Element angezeigt, wenn der Dateityp HTML ist. Es zeigt den HTML-Inhalt:</p>
+
+<p><img alt="" src="https://mdn.mozillademos.org/files/7401/nm-html-preview.png" style="display: block; margin-left: auto; margin-right: auto;"></p>
+
+<h2 id="Netzwerkanalyse_starten">Netzwerkanalyse starten</h2>
+
+<div class="geckoVersionNote">
+<p>Das Werkzeug zum Starten der Netzwerkanalyse ist neu ab Firefox 29.</p>
+</div>
+
+<p>Ab Firefox 29 enthält die Netzwerkanalyse ein Werkzeug zum Starten derselben. Das hilft Ihnen zu zeigen, wie lange der Browser braucht, um die verschiedenen Teile Ihrer Website zu laden.</p>
+
+<p>Klicken Sie zum Starten der Netzwerkanalyse auf das Symbol mit der Stoppuhr in der Symbolleiste am unteren Rand der Anzeige:</p>
+
+<p><img alt="" src="https://mdn.mozillademos.org/files/7411/nm-performance-button.png" style="display: block; margin-left: auto; margin-right: auto;">(Alternativ dazu und wenn Sie gerade erst die Netzwerkanalyse geöffnet haben und es noch keine Daten enthält, erhalten Sie ein Stoppuhr-Symbol im Hauptfenster.)</p>
+
+<p>Die Website wird dann zweimal geladen: einmal mit einem leeren Browser-Cache und einmal mit einem gefüllten Cache. Dies simuliert den erstmaligen sowie darauffolgende Besuche eines Nutzers auf ihrer Seite.</p>
+
+<p>Die Ergebnisse werden für jeden Testdurchlauf nebeneinander dargestellt – oder vertikal angeordnet, wenn das Fenster schmaler ist:</p>
+
+<p><img alt="" src="https://mdn.mozillademos.org/files/7409/nm-performance.png" style="display: block; margin-left: auto; margin-right: auto;">Das Ergebnis jedes Testdurchlaufes wird mittels einer Tabelle und einer Tortengrafik zusammengefasst. Die Tabelle gruppiert die Ressourcen nach ihrem Typ und zeigt die einzelnen Gesamtgrößen und den Gesamtzeitverlauf, den das Laden benötigt, an. Die dazugehörige Tortengrafik zeigt die relativen Größen jeder Ressource an.</p>
+
+<p>Um zur Liste der Netzwerkanfragen zurückzukehreren, klicken Sie auf die Schaltfläche „Zurück“ auf der linken Seite.</p>
+
+<p>Wenn Sie auf einen Ausschnitt in der Tortengrafik klicken, werden Sie zum entsprechenden Testdurchlauf weitergeleitet und Filter wird <a href="/docs/Tools/Network_Monitor#Nach_Content-Typen_filtern">nur dieser Ressoure-Typ</a> dargestellt.</p>