HTML5 Canvas: лучше перерисовывать объекты или использовать растровые изображения?

В моем проекте есть HTML5 Canvas, на котором многократно рисуются графические объекты. Эти объекты быстро меняются. Их отрисовка занимает время. Как я могу сделать это быстрее?

Объекты не слишком сложные, но содержат такие вещи, как дуги, градиенты, полигоны.

Внешний вид объекта зависит примерно от 10 свойств, каждое из которых имеет одно из примерно 10 значений. Это означает, что существует всего около 100 различных видов внешнего вида, которые может иметь объект. Вот почему я думаю о том, чтобы рисовать каждый внешний вид только один раз, а затем кэшировать битовую карту для повторного использования.

Все должно работать на клиенте (т.е. я не могу использовать готовые изображения)

1. Какой лучший способ сделать это с помощью HTML5 Canvas?
2. Хорошая ли это идея вообще или накладные расходы при работе с растровыми изображениями больше, чем перерисовывать объекты каждый раз?