Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 25.04.2013, 03:22
Аватар для RazZzeR
Кандидат Javascript-наук
Отправить личное сообщение для RazZzeR Посмотреть профиль Найти все сообщения от RazZzeR
 
Регистрация: 11.12.2011
Сообщений: 146

Большие блоки, Fps проседает
Доброго времени суток
Проблема думаю не редкая, если было много обсуждений раньше, прошу уведомить, как искать.

А проблема вот в чем:
Один блок содержит сначала 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: снова пишу очень уставшим, возможны ошибки (извиняюсь, исправлю)

Последний раз редактировалось RazZzeR, 25.04.2013 в 03:31.
Ответить с цитированием
  #2 (permalink)  
Старый 25.04.2013, 09:29
Аватар для cyber
I am Student
Отправить личное сообщение для cyber Посмотреть профиль Найти все сообщения от cyber
 
Регистрация: 17.12.2011
Сообщений: 4,415

Сообщение от RazZzeR
1. Js события.
Лучше прикреплять атрибутом к блоку, нежели через события?
например: onclick='imagination()', onmousedown='imagination()', onmoseover='imagination()'

2. Сss hover, active и подобные css изменения тоже лучше прописывать через Js события в атрибутах?
что-то вроде onmouseover="addClass(this,'hover');"
Где вы такой бред прочитали?
__________________
Цитата:
Если ограничения и условия описываются как "коробка", то хитрость в том что бы найти именно коробку... Не думайте о чем то глобальном - найдите коробку.
Ответить с цитированием
  #3 (permalink)  
Старый 25.04.2013, 13:02
Аватар для RazZzeR
Кандидат Javascript-наук
Отправить личное сообщение для RazZzeR Посмотреть профиль Найти все сообщения от RazZzeR
 
Регистрация: 11.12.2011
Сообщений: 146

Сообщение от cyber Посмотреть сообщение
Где вы такой бред прочитали?
уже и не помню, левые блоги аля "крутой программист".
Но вот я глянул, в vk так же устроено, и все впорядке вроде.


Cyber, у тебя нет рекомендаций?
Ответить с цитированием
  #4 (permalink)  
Старый 25.04.2013, 13:11
Аватар для cyber
I am Student
Отправить личное сообщение для cyber Посмотреть профиль Найти все сообщения от cyber
 
Регистрация: 17.12.2011
Сообщений: 4,415

RazZzeR,
1. обработчики не нужно вешать через атрибуты
2. onmouseover="addClass(this,'hover');" медленнее сss hover
Оптимизоровать нужно не обработчики , а сам скрипт + желательно бы демо в студию
__________________
Цитата:
Если ограничения и условия описываются как "коробка", то хитрость в том что бы найти именно коробку... Не думайте о чем то глобальном - найдите коробку.
Ответить с цитированием
  #5 (permalink)  
Старый 25.04.2013, 23:52
Аватар для Aetae
Тлен
Отправить личное сообщение для Aetae Посмотреть профиль Найти все сообщения от Aetae
 
Регистрация: 02.01.2010
Сообщений: 6,586

Да, всё прямо противоположно. =\
Может то были какие-то "вредные советы"?

P.S. А вконтакт тот ещё кладезь быдлокода, пишется студентами в анальном рабстве.
__________________
29375, 35
Ответить с цитированием
  #6 (permalink)  
Старый 26.04.2013, 02:05
Аватар для RazZzeR
Кандидат Javascript-наук
Отправить личное сообщение для RazZzeR Посмотреть профиль Найти все сообщения от RazZzeR
 
Регистрация: 11.12.2011
Сообщений: 146

Сообщение от Aetae Посмотреть сообщение
Да, всё прямо противоположно. =\
Может то были какие-то "вредные советы"?

P.S. А вконтакт тот ещё кладезь быдлокода, пишется студентами в анальном рабстве.
бальзам на душу)
код выложу попозже, если кто-нибудь разберется - будет здорово
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Вопрос про появляющиеся блоки. Vladislav Библиотеки/Тулкиты/Фреймворки 3 15.06.2013 02:16
Jquery UI Tabs плодятся блоки при переключении между вкладками. Arey jQuery 12 05.09.2012 21:57
Название ячейки таблицы Questioner Общие вопросы Javascript 6 16.02.2011 09:58
как лучше-правильно вставлять большие блоки? `p r o x y Элементы интерфейса 5 12.05.2009 15:46