Почему так сильно тормозит проект на nuxt?

Question

[killwayne]

Добрый день!
Есть проект: 188.225.26.136

Не могу разобраться почему такие сильные лаги, особенно в браузере сафари
Изображения максимально сжаты вместе с видео, следил за утечкой памяти, т.к использую TweenMax, но всё равно без результатов

Подскажите пожалуйста, куда стоит обратить внимание. Заранее большое спасибо!

Answer 1

[Ivan Bogachev]

Изображения максимально сжаты вместе с видео, следил за утечкой памяти, т.к использую TweenMax, но всё равно без результатов

Беглый просмотр показал, что вы постоянно анимируете у элементов свойства top, left и height, что вызывает перестройку макета страницы и, соответственно, лаги. Имеет смысл переписать все это с помощью css transform. Более подробно можно почитать в статье про производительность анимаций на сайтах.

Comments

[killwayne]

Спасибо!

[killwayne]

Изменил всё на трансформы, чуть легче стало, но не окончательно(
Что еще можно предпринять?

[Ivan Bogachev]

killwayne, сейчас вместо сайта - белый экран, так что сложно что-то сказать.

[killwayne]

Ivan Bogachev, извиняюсь, все поправил)

[VegasChickiChicki]

killwayne, Я не видел код вообще, но свои 5 копеек вставлю. Указывайте транзиции точно, это уменьшает затраты ресурсов, насколько я знаю, к примеру: вместо all 0.3s -> color eacy 0.3s

Answer 2

[Евгений Чурманов]

Если вы про лаги в перемещении кружочка за курсором, то уберите с него css-анимацию перемещения.

Comments

[killwayne]

В целом про весь проект имею ввиду

[Антон]

killwayne, Потому что анимаций вагон

[killwayne]

Антон, они все оптимизированы и утечек за собой не несут
Не в этом дело, думаю

[Евгений Чурманов]

Походил по сайту в хроме, на субъективный взгляд довольно шустро, явных лагов ни где не нашел. Кружок лагает, но только при открытой панели разработчика. Может у вас панелька открыта (при ней часто тормозят анимации)

[Игорь]

Может нужно реализовать ленивую загрузку в роутере.

Я имею в виду реализовать свой роутинг, а не тот, что идет из коробки