В настоящее время я пытаюсь ускорить работу моего веб-приложения для мобильных устройств, но сейчас я застрял в самой важной части - кешировании. Как можно кэшировать весь слой непосредственно перед тем, как пользователь начинает его перетаскивать, и возвращать его обратно в пригодный для использования Kinetic.Node, когда действие перетаскивания остановлено?

На данный момент я начинаю кешировать на

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

но проблема здесь в том, что пользователь должен выполнить второйmousedown touchstart событие «захватить» кэшированное изображение, что, конечно, запускает новое кэширование.

В этом случае мои вопросы будут:

Как я могу передатьmousedown touchstart событие в кэшированное изображение, чтобы пользователь мог перетащить его одним быстрым движением?

Как я могу ускорить кеширование? (Для появления кэшированного изображения требуется 1-2 секунды. Полезно ли его кэшировать вsetInterval через каждые, скажем, 4 секунды, и использовать это предварительно кэшированное изображение или это приводит к слишком высокой производительности?)

Я высоко ценю любые предложения относительно моей проблемы или дальнейшие советы и рекомендации, чтобы ускорить процесс.