Тормозит браузер, возможные причины?

421
28 ноября 2016, 18:33

Приложение написано на PHP + JAVASCRIPT

На странице отображается около 2000 строк и более (если отображается мало - около 100, то никаких проблем); В таблице в коде строки задействованы несколько style=".." , class="..", id="..", onclick=".." Так же на экране кроме таблицы содержатся элементы с атрибутом стиля (position:fixed), не знаю может это тоже влияет на что-то?

JavaScript отслеживает скроллинг экрана, для выполнения некоторых функций (добавить кнопку "Наверх", подгрузить еще строки при прокрутке вниз...)

Так вот при отображении такого количества строк на экране браузер начинает ощутимо тормозить..

После долгих поисков сложилось мнение, что при большом количества элементов тормозить могут:

  • функции JavaScript которые пересчитывают большое количество элементов на экране,

  • теги style="",

  • может быть элементы со стилем position:fixed..

Для того чтобы устранить крайнее предположение убрал таблицу с заказами в блок фиксированных размеров и Overflow-y:auto; В результате чего тормозить стало ЕЩЕ БОЛЬШЕ ! :))

Может кто-нибудь сталкивался с подобной проблемой? Может быть есть список явлений и конструкций, которые могут ощутимо тормозить работу браузера ??? Помогите ))

UPDATE: Сделал запись Timeline, во время скроллинга данной страницы.

Увеличенный участок:

READ ALSO
как рассчитывать точку поворота ctx.translate()?

как рассчитывать точку поворота ctx.translate()?

почему картитка поворачивается как то не вокруг центра

427
Как уменьшить видимый размер canvas

Как уменьшить видимый размер canvas

У меня в canvas 1000*1000 рисуется картинка, а потом сохраняется на компьютерcanvas 1000*1000 не красиво смотрится на экране, а если его уменьшить до 300*300...

432
Одинаковые отступы со всех сторон. Flexbox layout

Одинаковые отступы со всех сторон. Flexbox layout

Есть гибкий блок с тремя вложенными блоками

488