Может ли setInterval резко снизить производительность браузера?

Question

Я использую популярный jQuery плагин Masonry, чтобы соответствовать моим колонкам красиво в моем макете. Я использую setInterval, чтобы решить ту же самую проблему, как было BoltHead здесь: JQuery, setTimeout not working

Решение использовать SetTimeout для обновления кладки плагин каждый второй, как это:

$(function() { 
    setInterval(update, 500); 
}); 

    function update() { 
     var $container = $('#packages'); 
     $container.imagesLoaded(function(){ 
      $container.masonry({ 
      itemSelector : '.mainPackage', 
      columnWidth : 316, 
      singleMode: true, 
      gutterWidth: 15 
      }); 
     }); 
    } 

Это плохая идея, насколько производительность браузера? Я бы подумал, что jquery, выполняющий эту довольно здоровенную функцию каждую секунду, замедлит работу. Это плохая практика? Причина, по которой я это делаю, заключается в том, что я использую .slideToggle, чтобы вырезать больше контента, тем самым потребовалась кладка для корректировки макета. Любые мысли об этом решении?

Answer 1

slideToggle получает обратный вызов в качестве второго аргумента, поэтому обновить плагин там, что-то вроде этого:

slideToggle(time, function(){ 
    update(); // this is your "update" function from question example 
}); 

и да, это плохая идея, чтобы сделать это обновление периодически без причины.

Answer 2

По моему опыту, запуск чего-то подобного замедляет работу браузера. Вы можете не заметить его сначала, но чем дольше работает скрипт, тем хуже он получит. Мне очень нравится @vucetica ответ.

Answer 3

Это зависит только от того, сколько блоков требуется плагину для «масонства». Если у вас есть что-то вроде 20-50 блоков, будет без проблем запускать обновление каждые 500 мс. Это из моего личного опыта в деле, точно так же, как ваше.