Приложение написано на PHP + JAVASCRIPT
На странице отображается около 2000 строк и более (если отображается мало - около 100, то никаких проблем);
В таблице в коде строки задействованы несколько style=".."
, class=".."
, id=".."
, onclick=".."
Так же на экране кроме таблицы содержатся элементы с атрибутом стиля (position:fixed
), не знаю может это тоже влияет на что-то?
JavaScript отслеживает скроллинг экрана, для выполнения некоторых функций (добавить кнопку "Наверх", подгрузить еще строки при прокрутке вниз...)
Так вот при отображении такого количества строк на экране браузер начинает ощутимо тормозить..
После долгих поисков сложилось мнение, что при большом количества элементов тормозить могут:
функции JavaScript которые пересчитывают большое количество элементов на экране,
теги style=""
,
может быть элементы со стилем position:fixed
..
Для того чтобы устранить крайнее предположение убрал таблицу с заказами в блок фиксированных размеров и Overflow-y:auto;
В результате чего тормозить стало ЕЩЕ БОЛЬШЕ ! :))
Может кто-нибудь сталкивался с подобной проблемой? Может быть есть список явлений и конструкций, которые могут ощутимо тормозить работу браузера ??? Помогите ))
UPDATE: Сделал запись Timeline, во время скроллинга данной страницы.
Увеличенный участок:
Кофе для программистов: как напиток влияет на продуктивность кодеров?
Рекламные вывески: как привлечь внимание и увеличить продажи
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
почему картитка поворачивается как то не вокруг центра
У меня в canvas 1000*1000 рисуется картинка, а потом сохраняется на компьютерcanvas 1000*1000 не красиво смотрится на экране, а если его уменьшить до 300*300...