@danforth

AJAX + LazyLoad = тормоза. Как решить?

Всем привет! Есть интернет-магазин, на странице категорий есть фильтры, при переключении которых динамично меняется контент. В то же время, на странице подключен плагин unveil, который при прокруткескролле подгружает картинки. Так получилось, что при переключении фильтра, страница которая подгружалась отображалась с крутилками (GIF заглушка), т.е. картинки не подгружались при прокрутке. Пофиксил это так:
<script>
    $('img').unveil();
        $(document).ajaxComplete(function(){
                $('img').unveil();
        });
</script>

Т.е., теперь, при переключении чекбокса, на ajaxComplete срабатывает unveil();
Но появилась новая проблема, теперь при переключении фильтров очень сильно грузится процессор, особенно если потыкать по фильтрам знатно, и выбрать несколько чекбоксов: страница начинает жестко тупить. Как мне решить проблему большой нагрузки на ПК? Нужно либо чтобы страница, загруженная через AJAX, уже была с unveil-ом на картинках, либо чтобы при срабатывании ajax запроса, старый unveil() стек очищался. Возможно я сейчас хрень сморозил, к сожалению в JS так себе разбираюсь.
  • Вопрос задан
  • 242 просмотра
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы