оптимизация drag and drop
 

мучаюсь все с тем же проектом и осталось 2 проблемы, и одна из них drag and drop проблема в том что при max зуме начинает притормаживать перемещение в хроме, пытался сделать такую обертку

function MoveWrapper() {

var timeout = true;	
	
return function (e) {
	
 if(!timeout || !move) return;
 
  timeout = false;
  
 setTimeout(function () {
	 
 MouseMove(e) 	 
  timeout = true;	 
	 
	 },20);
	 
}	  
	  }

но особо не помогло.
вторым вариантом оптимизации было разрезать картинку на блоки, что в общем сработало но оказалось собрать ее в одну картинку с размером меньше оригинала достаточно тяжело..
есть ли какие то предложение , советы по оптимизации?
тестовая страница http://cyberua.16mb.com/files/zoom.html

cyber,
Для оптимизации стоит не менее 100 брать (12 это реально минимальный отрабатываемый интервал

строка 16	     },120);

хм, попробую но раньше стояло 70 и все равно были фризы

когда ставиш 100 возникает ощущение что установлена анимация

-webkit-transition: all 1s ease;

ну ты понимаеш о чем я=)

оптимально 40, но большого эфекта не дает

неужели не у кого нет идей по оптимизации?
ну или подскажите как сделать :
есть картинка к примеру 1920 x 1200 , она разрезается на блоки (не все блоки равные)
кусок кода

<div id="IMG-map">
<div class="wrapper_parts">
<img src="delete/0.png">
</div>
<div class="wrapper_parts">
<img src="delete/1.png">
</div>
<div class="wrapper_parts">
<img src="delete/2.png">
</div>
</div>

но вот в чем проблема в блоке у нее должен быть размер 1600 х 1000 и по этому она вылазит за пределы блока, есть идеи как ее можно сжать на css?

А не кажется ли вам, что на все масштабы надо делать свои картинки?
По сабжу посмотрел на хроме на максимальном масштабе, всё вроде нормально работает, а вот в лисе от края картинки остаются полосы.

я то думал об этом но смысел, при масштабе к примеру
1280х900 картинка в таком же разрешение
при 1400 х1000 картинка в таком же разрешение
при 1920х1200 картинка в таком же разрешение и хоп тут опять тормоза

какая разница тогда уже проще увеличивать одну картинку

cyber,
Тут нужна такая фича - при зажатой мыши - подсовываем и перемещаем достаточно неважную по качеству картинку - как мышь отпускаем - втыкаем картинку с нормальным разрешением - байтовый размер "Плохой" картинки в 700КB - уберет все тормоза

Т.е задача облегчить картинку с приемлимым видом до 700 -760КB для перемещений (оптимально тут фильт "Aппликaция" c 20-32 градациями - т.е)

( *в принципе - хороший Фотошопист может ужать дополнительно и основную, существующую картинку, без потери качества - до 1400КB - но для таких размеров картинки под ФШ оптимизацию нужен комп с памятью в 4 гига минимум

я не совсем понял, т.е нужно взять текущую картинку сжать ее и двигать а потом перемещать нормальную? если да то не вариант, картинок слишком много что бы повторять такие операции, больше 100