{"id":2290,"date":"2009-12-11T08:30:49","date_gmt":"2009-12-11T07:30:49","guid":{"rendered":"http:\/\/wallaby.de\/news\/?p=2290"},"modified":"2009-12-11T09:06:09","modified_gmt":"2009-12-11T08:06:09","slug":"google-speed-tracer-mit-google-chrome","status":"publish","type":"post","link":"https:\/\/wallaby.de\/news\/suchmaschine\/google-speed-tracer-mit-google-chrome-p2290.html","title":{"rendered":"Google Speed Tracer mit Google Chrome"},"content":{"rendered":"<div class=\"entry-content\" itemprop=\"text\">\n<h2>Speed Tracer ben&ouml;tigt Dev-Channel-Version von Google Chrome<\/h2>\n<p><a href=\"http:\/\/www.google.com\/chrome\/eula.html?extra=devchannel\"><img loading=\"lazy\" decoding=\"async\" align=\"right\" alt=\"Google Chrome Logo\" height=\"205\" hspace=\"55\" src=\"http:\/\/www.google.com\/tools\/dlpage\/res\/chrome\/images\/chrome-205_noshadow.png\" width=\"205\" \/><\/a>Mit dem Google Speed Tracer bietet Google Chrome einen geniales Speed-Testtool zur Absch&auml;tzung der Geschwindigkeit einer Webseite. Der Speed Tracer ist eine Erweiterung (Extension) f&uuml;r den&nbsp;Google Browser Chrome. Er soll Entwicklern dabei helfen Performance-Problemen (<a href=\"http:\/\/sites.google.com\/a\/chromium.org\/dev\/spdy\">SPDY<\/a>) in ihren Web-Applikationen aufzusp&uuml;ren. Zu diesem Zweck zeigt das Tool den so genannten &quot;Sluggishness Graph&quot; an und dar&uuml;ber hinaus noch weitere Messgr&ouml;&szlig;en. Der Sluggishness Graph zeigt an, wie stark der Webbrowser ausgelastet ist. Einen Wert nahe Null besitzt eine besonders schnelle Applikation, tendiert die Kurve gegen 100, so ist die Applikation extrem langsam. Der Grund daf&uuml;r ist, dass der Browser durch die Webapplikation fast komplett blockiert wird.<\/p>\n<p>\n\t<!--more--><\/p>\n<p>Zum Testen von Speed Tracer sind nur wenige Schritte erforderlich:<\/p>\n<ul>\n<li><a href=\"#chrome-installieren\">Google Chrome Dev Channel Version herunterladen und installieren<\/a><\/li>\n<li><a href=\"#chrome-flag-setzen\">Google Chrome mit einem Flag starten<\/a><\/li>\n<li><a href=\"#speed-tracer-installieren\">Google Speed Tracer Erweiterung (Extension) installieren<br \/>\n\t\t<\/a><\/li>\n<li><a href=\"#diagramme-abrufen\">Speed Tracer Sluggishness Event \/ Netzwerk Ressourcen Diagramm aufrufen<\/a><\/li>\n<\/ul>\n<p>Mit Tracer bekommen Sie ein gutes Bild dar&uuml;ber, an welchen Stellen eine Webseite Zeit beim Ausf&uuml;hren verliert, bspw.:<\/p>\n<ul>\n<li>Javascript Parsing und Ausf&uuml;hren<\/li>\n<li>Layout<\/li>\n<li>CSS style recalculation und Selector Matching<\/li>\n<li>DOM Event Handling<\/li>\n<li>Network resource loading<\/li>\n<li>Timer fires<\/li>\n<li>XMLHttpRequest callbacks<\/li>\n<li>Painting<\/li>\n<li>usw.<\/li>\n<\/ul>\n<p><strong><a name=\"chrome-installieren\"><\/a>Schritt 1:<\/strong> <a href=\"http:\/\/www.google.com\/chrome\/eula.html?extra=devchannel\">Google Chrome<\/a> &quot;Dev Channel&quot;-Version herunterladen und installieren<\/p>\n<p>Falls Sie Google Chrome schon installiert haben, dann k&ouml;nnen Sie zur &quot;Dev Channel&quot;-Version umschalten. Ansonsten klicken Sie zur Installation einfach auf &quot;Accept and Install&quot;. Der Download beginnt und Google Chrome wird automatisch in wenigen Minuten installiert. Wenn Sie zuvor den Mozilla Firefox stoppen, dann wird versucht die Firefox Einstellungen zu importieren.<\/p>\n<p><strong><a name=\"chrome-flag-setzen\"><\/a>Schritt 2:<\/strong> Google Chrome mit einem Flag starten<\/p>\n<p>Auf einem Windows-System finden Sie nach der fertigen Installation unter &quot;Start &gt; Programme&quot; das Icon zu Google Chrome. Klicken Sie darauf mit der rechten Maustaste und w&auml;hlen Eigenschaften aus. Dort erg&auml;nzen Sie die Zeile C:\\&#8230;\\Google\\Chrome\\Application\\chrome.exe, so dass bei Ziel dann so etwas steht: <span style=\"font-family: courier new,courier,monospace;\">C:\\&#8230;\\Google\\Chrome\\Application\\chrome.exe &#8211;enable-extension-timeline-api<\/span><\/p>\n<p>Nach dem Speichern der neuen Einstellungen starten Sie anschlie&szlig;end Google Chrome neu.<\/p>\n<p><strong><a name=\"speed-tracer-installieren\"><\/a>Schritt 3:<\/strong> Google Speed Tracer Erweiterung (Extension) installieren<\/p>\n<p>Jetzt ist die Installation von Speed Tracer erforderlich. Die Extension finden Sie online bei den Google Erweiterungen. Suchen Sie mit dem Google Chrome Browser einfach bei <a href=\"https:\/\/chrome.google.com\/extensions\/\">Google chrome extensions<\/a> nach &quot;Speed Tracer&quot;. Nur dann ist der &quot;Install&quot;-Button auch anklickbar. &Auml;hnlich wie bei den Mozilla Firefox Extensions installieren Sie Speed Tracer Erweiterung bei Chrome.<\/p>\n<p><strong><a name=\"diagramme-abrufen\"><\/a>Schritt 4:<\/strong> Speed Tracer Sluggishness Event \/ Netzwerk Ressourcen Diagramm aufrufen<\/p>\n<p>Im Chrome Browser finden Sie links neben der Titelzeile das gr&uuml;ne Icon &quot;Monitor Tab&quot;. Sobald Sie darauf klicken startet das Monitoring einer Webseite. Mit einem Klick auf den roten Button stoppen Sie die Aufnahme. Das Sluggishness Diagramm liefert Ihnen folgende Ergebnisse:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"Google Sspeed Tracer Sluggishness Event Diagramm\" height=\"604\" src=\"http:\/\/wallaby.de\/news\/wp-content\/uploads\/speed-tracer-sluggishness-event-diagramm(1).png\" width=\"523\" \/><\/p>\n<p>Der untere Tab liefert Ihnen Analysen zu den Netzwerk Ressourcen:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"Google Speed Tracer Netzwerk Ressourcen Diagramm\" height=\"604\" src=\"http:\/\/wallaby.de\/news\/wp-content\/uploads\/speed-tracer-netzwerk-ressourcen-diagramm(1).png\" width=\"523\" \/><\/p>\n\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<div class=\"entry-summary\" itemprop=\"text\">\n<p>Speed Tracer ben&ouml;tigt Dev-Channel-Version von Google Chrome Mit dem Google Speed Tracer bietet Google Chrome einen geniales Speed-Testtool zur Absch&auml;tzung der Geschwindigkeit einer Webseite. Der Speed Tracer ist eine Erweiterung (Extension) f&uuml;r den&nbsp;Google Browser Chrome. Er soll Entwicklern dabei helfen Performance-Problemen (SPDY) in ihren Web-Applikationen aufzusp&uuml;ren. Zu diesem Zweck zeigt das Tool den so genannten &#8230;<\/p>\n\n<\/div>\n","protected":false},"author":41,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[558,31,582,51,581,583],"_links":{"self":[{"href":"https:\/\/wallaby.de\/news\/wp-json\/wp\/v2\/posts\/2290"}],"collection":[{"href":"https:\/\/wallaby.de\/news\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wallaby.de\/news\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wallaby.de\/news\/wp-json\/wp\/v2\/users\/41"}],"replies":[{"embeddable":true,"href":"https:\/\/wallaby.de\/news\/wp-json\/wp\/v2\/comments?post=2290"}],"version-history":[{"count":5,"href":"https:\/\/wallaby.de\/news\/wp-json\/wp\/v2\/posts\/2290\/revisions"}],"predecessor-version":[{"id":2304,"href":"https:\/\/wallaby.de\/news\/wp-json\/wp\/v2\/posts\/2290\/revisions\/2304"}],"wp:attachment":[{"href":"https:\/\/wallaby.de\/news\/wp-json\/wp\/v2\/media?parent=2290"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wallaby.de\/news\/wp-json\/wp\/v2\/categories?post=2290"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wallaby.de\/news\/wp-json\/wp\/v2\/tags?post=2290"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}