@sabanovvv

Как исправить проблемы с паралаксом?

есть сайт
на первом экране есть эффект паралакса(при движении мышкой картинки двигаются).
есть чуть чуть подвисание, торможение (на мак бук эир )
в остальных браузерах вроде все хорошо.
в чем может быть причина?
  • Вопрос задан
  • 168 просмотров
Пригласить эксперта
Ответы на вопрос 2
webinar
@webinar
Учим yii: https://youtu.be/-WRMlGHLgRg
Паралакс - это javascript, а javascript выполняется в браузере. Поэтому в зависимости от мощности компьютера будет разная скорость работы. У меня в "винде" Ваш паралакс подтормаживает. Поэтому задача не делать что-то для мак бук эир, а в целом оптимизировать. Как размер фото, так и javascript код.
У Вас там куча картинок на разных слоях. Сделайте 2 слоя. Одна большая картинка за заднем слое состоящая из кучи склееных фото. Они же синхронно двигаются, зачем их делить?
Ответ написан
Комментировать
@micktub
У меня тормозит в хроме на винде. Слишком много яваскрипта. Облегчите фон хотя бы что ли, сделайте единой картинкой, например. И да, это тот случай, когда визуальная пестрота и повсеместное шевеление всего и вся делает сайт нечитабельным. Это очень сильно ухудшает восприятие информации. Двигаться должно только то, что должно привлекать внимание: кнопка целевого действия, банер, информация об акции какой-то индикатор совершенного действия, анимация выполняющегося процесса и так далее. Когда пестрит и скачет по экрану все подряд - это способ перегрузить пользователю мозг и заставить его быстрее уйти с сайта. А если это все еще и тормозит, то вообще провал.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы