Actualmente estoy tratando de acelerar un poco mi aplicación web para dispositivos móviles, pero ahora estoy atascado en la parte más importante: el almacenamiento en caché. ¿Cómo es posible almacenar en caché una capa completa justo antes de que el usuario comience a arrastrarla y volver a convertirla en Kinetic.Nodes utilizables cuando se detiene la acción de arrastrar?

En este momento empiezo a cachear en

stage.on('mousedown touchstart', function(){ // CACHING})

Pero el problema aquí es, que el usuario tiene que realizar una segundamousedown touchstart evento para "agarrar" la imagen en caché, que, por supuesto, comienza un nuevo almacenamiento en caché.

En este caso mis preguntas serían:

¿Cómo puedo pasar elmousedown touchstart evento a la imagen en caché, para que el usuario pueda arrastrarlo con un movimiento fluido?

¿Cómo puedo acelerar el almacenamiento en caché? (La imagen almacenada en caché tarda entre 1 y 2 segundos en aparecer. ¿Es útil guardarla en una memoria caché?setInterval después de cada uno, digamos 4 segundos, y use esta imagen precocinada o ¿causa un drenaje de rendimiento demasiado alto?)

Aprecio mucho cualquier tipo de sugerencias con respecto a mi problema u otros consejos y trucos para acelerar las cosas.