Ich weiß, dass jeder, der die Frage liest, "Firebug!" jetzt sofort. Vielleicht werden einige denken "YSlow!" und "Google Page Speed!"
Während ich diese Tools wirklich mag, mache ich mir mehr Gedanken darüber, wie schnell die Seite in IE 6/7/8 rendern wird. Alle oben genannten Tools erfordern Firefox. Das ist alles in Ordnung, und Sie können definitiv die zugrunde liegende Geschwindigkeit testen, mit der Sie die Seite zum Browser bringen, aber was ist, wenn es darum geht, die Seite tatsächlich zu rendern?
Ich habe keine wirklich guten Antworten darauf gesehen, wie man die Optimierung auf Browserebene testen kann. Wie schreiben Sie Performance-Tests für HTML / JS über verschiedene Browser?
Ich bin mir nicht sicher, ob es ein nützliches Unterfangen ist, für nur einen Anbieter zu optimieren:
Platzieren Sie einen Skriptblock am Anfang des Dokuments an dessen Ende und setzen Sie window.onload
. Ergreifen Sie den aktuellen Zeitstempel über Number(new Date)
an jedem dieser "Sequenzpunkte" und Sie erhalten einen ersten Eindruck davon, wie lange die Seite browserunabhängig gerendert werden muss.
Ich gebe nicht vor, die absolute Antwort zu kennen. Aber eine Methode wäre:
Auch wenn dies keine vollkommen zufriedenstellende Antwort ist, werde ich feststellen, dass dies am einfachsten ist.
Übrigens, was sind Ihrer Meinung nach die Leistungsaspekte, die Sie mit einem "Browser-Level-Test" hervorheben können, den Sie nicht mit einem "Firebug-Level-Test" erreichen können?
Prost,
jrh
Ich mag AOLs PageTest -Tool sehr, es kombiniert eine Menge des in Firebug, YSlow und PageTest gefundenen Hilfsprogramms und umschließt es in einem netten Webinterface mit ein paar netten Features. Erstens kann es auf IE7 oder IE8 (Nr. 6, sorry) von den USA oder internationalen Standorten aus betrieben werden, um Ihnen eine bessere Vorstellung von der Leistung zu geben. Es stellt Wasserfalldiagramme wie im Firebug-Netzfenster zur Verfügung, die nützlich sind, um festzustellen, wo Zeit verbraucht wird. Es enthält auch Empfehlungen, was zu beheben ist, die denen in YSlow ähneln. Schließlich können Sie mehrere Tests an derselben Site ausführen, um genauere Ergebnisse zu erhalten und gleichzeitig die externen Faktoren zu minimieren.
Zum größten Teil stimme ich OrbMan darin zu, dass es wichtig ist, für alle Browser zu optimieren. Da diese Optimierungen Browser-übergreifend sind, erhalten Sie in puncto Leistung den meisten Nutzen für Sie. Erst dann ist es an der Zeit, browserspezifische Verbesserungen in Betracht zu ziehen.
Es gibt eine Menge Google Tech Talks online, die über die Verbesserung der Webleistung sprechen. Dieser Blogbeitrag enthält eine Liste der für dieses Thema relevantesten Vorträge.
Tags und Links javascript html testing performance