Ich frage mich, ob es einen großen Unterschied gibt, wenn Grafiken in reinem Javascript oder mit einem großen Bild geladen werden. Als Referenz habe ich dieses Beispiel unter jsFiddle gemacht. Aus Performance-Sicht, was ist am besten, drawImage mit einem PNG-Bild oder Zeichnung mit Javascript?Was ist schneller beim Vergleich von Bild und Javascript?
Bei komplexen Bildern wird das Rendern langsam sein, weil Javascript selbst langsam ist. Bei hunderten von kleinen Bildern wird die Verwendung eines img-Tags wahrscheinlich sehr schnell sein.
Die einzige Möglichkeit, Performance zu töten, ist ein "Javascript, das sehr lange läuft", weil es blockiert (und das kann mit einigen Arbeiter/Verbraucher Muster vermieden werden), oder riesige Bilder mit Alpha-Transparenz haben.
Zukünftige Versionen von Chrome und Opera werden einen Profiler für CSS/Rendering haben, der Ihnen genau sagen wird, wie viel und was mehr Zeit zum Rendern benötigt.
Haben Sie beide Versionen benchmarkiert? – Celada
Verwenden Sie jsperf, um diese Antwort zu erhalten – tkone
Nein, ich habe keine Benchmarks, kann ich es tun, ohne einen Webhost? – justanotherhobbyist