Wie werden Seitenleistungstests durchgeführt?

8

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?

    
Travis 23.06.2009, 13:21
quelle

7 Antworten

5

Ich bin mir nicht sicher, ob es ein nützliches Unterfangen ist, für nur einen Anbieter zu optimieren:

  • Was HTML betrifft, werden die meisten Browser so geschrieben, dass sie für Standardlayouttechniken (Tabellen, Tabellenlose usw.) optimiert sind
  • die Rendering-Engines sind ziemlich verschieden zwischen IE6 und IE8, also das ist schon wie zwei verschiedene Browser
  • die meisten Techniken zur Optimierung sind Standard über Browser (Put Javascript am unteren Rand, also nicht Seite laden, JavaScript an verschieben externe Datei, verwenden Sie mehrere Hostnamen für Bilder etc. zu nutzen paralleles Laden, keine Tabellen verwenden Achten Sie beim Layout auf Caching Header sind korrekt, etc.)
  • Sobald Sie eine Website für Firefox optimiert haben, würde ich behaupten, dass es nicht viel mehr zu gewinnen gibt, als es für IE zu optimieren; Es gibt wahrscheinlich mehr, was Sie auf der Anwendungsebene tun können (Optimierung von Abfragen usw.), es sei denn, Ihre Site ist weitgehend statisch. In diesem Fall können Sie Caching, HTTP-Komprimierung usw. untersuchen.
  • Wenn es Ihr Anliegen ist, Javascript-Code für IE zu optimieren, dann gibt es viele gute JavaScript-Bibliotheken, die in Browsern laufen, um die besten Ausführungszeiten für alle Browser-Plattformen zu erreichen der Weg zu gehen
  • Die Browser-Landschaft entwickelt sich ständig weiter und Ihre Kunden werden sich wahrscheinlich irgendwann auf eine andere Plattform begeben; Die Optimierung für mehrere verschiedene Browser wird nun zu mehr kompatiblem Code führen, der sich mit größerer Wahrscheinlichkeit gut schlägt, wenn irgendwann in der Zukunft eine Plattformänderung durchgeführt wird
  • Ich würde argumentieren, dass das Schreiben von cross-browser optimiertem Code zu einer aufrechterhaltbaren Code-Basis mit weniger magischen IE-Hacks führt, deren Existenzgrund bald in den Nebeln der Zeit verloren gehen wird
RedFilter 23.06.2009, 13:30
quelle
4

Sie können den IE Hochleistungstester verwenden.

    
cgp 23.06.2009 13:31
quelle
4

Sie können Firebug für IE (und Opera und Safari) erhalten:

Ссылка

    
Matthew Groves 23.06.2009 13:34
quelle
2

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.

    
Christoph 23.06.2009 13:30
quelle
1

Ich gebe nicht vor, die absolute Antwort zu kennen. Aber eine Methode wäre:

  • Verwenden Sie Tools wie wget, um die Zeit zu messen, in der eine Seite abgerufen wird
  • Verwenden Sie Tools wie Firebug, um die Gesamtgeschwindigkeit zu messen
  • Unterschied gibt Ihnen Zeit, die der Browser braucht

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

    
jrharshath 23.06.2009 13:30
quelle
0

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.

    
jkupferman 10.08.2009 03:07
quelle
0

WebWait funktioniert in jedem Browser.

Es ist noch ein weiteres Werkzeug in Ihrem Web-Performance-Dienstprogramm Gürtel.

    
Nosredna 10.08.2009 03:37
quelle