Лагает сайт на смартфонах, что делать?

Question

[vvanyazz]

В общем, на сайте много видео, они сжаты по 500кб. На пк все отлично, а на телефонах скролл идет рывками, сайт подлагивает и плохо работает. Что надо сделать, чтобы сайт был плавным?

Comments

[Вадим]

vvanyazz, Вообщем у меня есть машина, по трассе она нормально едет, а как только сворачиваю на однополосную, одностороннюю дорогу, то появляется какой то шум и плохо едет. Подскажите, что можно сделать?

[vvanyazz]

при повороте у машины могло что-то отпасть

[d'Ivan]

Каким кодеком сжато видео?

[vvanyazz]

Роман Мирр, H.264

Answer 1

[Владимир]

Нет быстрого ответа как решить проблему на 100%
Возможные проблемы
1) Много елементов с абсолютным позиционированием
2) На скролл запускается много небольших анимаций
3) На скролл запускаются тяжелые вычисления.

Comments

[Karpion]

А чем плохо абсолютное позиционирование? Вроде, оно требует меньше вычислений.

[Василий Банников]

Karpion, только если это статическое абсолютное позиционирование.
Если весь сайт сделан на absolute, и при этом положение определяется через js - будет смерть.

В любом случае открывай devtools и профилируй

[Владимир]

Karpion, меньше чем что ?

Answer 2

[d'Ivan]

Возможные причины:
1. Хостинг видео медленно отдает файлы.
2. Неустойчивая мобильная связь или недостаточная ширина канала.
3. Плохая аппаратная поддержка кодека видео.
4. Излишне загруженный JS скриптами сайт.