В чем проблема, лагает длинная страница сайта из-за CSS?

Question

[nasvek]

Добрый вечер, подскажите в чем может быть проблема и как это можно исправить:
1) Есть HTML страница сайта, очень длинная страница, на ней много элементов выводящихся циклом
2) На компьютере все ок функционирует, а вот на мобиле страница быстро погружается, но при быстром скроллинге вниз белый экран и тупит браузер (иногда вообще выпадает страница и показывается опаньки), путем тыканья и построчным отключением строчка за строчкой JS файлов и CSS файлов было выявлено, что все происходит из-за CSS файла

Подскажите почему так может происходит, возможно это связано с перерасчетом высоты блоков или что-то из этой серии, чувствую что все идет туда, но куда конкретнее, может вы подскажете, буду благодарен!

Comments

[nasvek]

Покопавшись еще было и в этом конкретном файлике, было выявлено что проблема в каком-то медиа запросе, из-за него все ломается, как выясню причину, отпишусь для других, мало ли у кого-то в будущем возникнет подобная проблема

[Антон Антон]

Переходи на firefox, там так не лагает. И применяй технику virtual scroll.

Answer 1

[nasvek]

Проблема решена, причиной по которой браузеру не хватало оперативки и долго показывался документ, в одной строчке кода, так я и не понял почему, но видимо из-за динамически вычисляемых размеров блоков

Answer 2

[Дима Долготер]

опаньки это если оперативы не хватает. на мобиле убирай часть данных. можно поставить прелоадер

Comments

[nasvek]

Да возможно оперативки не хватает, но это не проблема, а ее последствие, что-то сжирает ее

[Дима Долготер]

nasvek, network в помощь)