Доброго времени суток
Проблема думаю не редкая, если было много обсуждений раньше, прошу уведомить, как искать.
А проблема вот в чем:
Один блок содержит сначала 50 блоков, все быстренько работает (моментальные css hover эффекты, моментальное изменение блоков через js).
Подгружаем информацию, добавляем блоки.
Теперь, допустим у нас 1000 блоков.
И дела уже совсем плохо идут, FPS падает.
И не на момент создания блоков, а и все последующее время.
На каждый блок много css кода, и js событий
Много всякого прочитал, и пришел к вам с вопросом, правда ли, что:
1. Js события.
Лучше прикреплять атрибутом к блоку, нежели через события?
например: onclick='imagination()', onmousedown='imagination()', onmoseover='imagination()'
2. Сss hover, active и подобные css изменения тоже лучше прописывать через Js события в атрибутах?
что-то вроде
onmouseover="addClass(this,'hover');"
Кроме того, каждый дочерний блок главного содержит еще по 10-20 элементов :/
итак, вроде все описал, использую много hover эффектов, прикрепляю через js события, очень много дочерних элементов.
Исправлять так, как описал выше?
Спасибо.
ps: снова пишу очень уставшим, возможны ошибки (извиняюсь, исправлю)