Мне интересно, есть ли большая разница при загрузке графики, сделанной в чистом javascript, или с использованием большого изображения.Что происходит быстрее при сравнении изображения с javascript?
В качестве ссылки я сделал этот пример на jsFiddle. С точки зрения производительности, что лучше, drawImage с использованием png-изображения или рисования его с помощью javascript?
Для сложных изображений рендеринг будет медленным, потому что javascript медленный. Для сотен небольших изображений, используя тег img, вероятно, будет очень быстро.
Единственный способ убить перформанс - это иметь «javascript, который работает очень долго», потому что он блокирует (и этого можно избежать с помощью шаблона работника/потребителя) или с гигантскими изображениями с альфа-прозрачностью.
Будущие версии Chrome и Opera будут иметь профилировщик для CSS/рендеринга, который точно скажет вам, сколько и на что требуется больше времени для рендеринга.
Вы оценили обе версии? – Celada
Используйте jsperf, чтобы получить этот ответ – tkone
Нет. Я не пробовал никаких тестов, могу ли я сделать это без наличия хостинга? – justanotherhobbyist