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

Question

[sabanovvv]

есть сайт
на первом экране есть эффект паралакса(при движении мышкой картинки двигаются).
есть чуть чуть подвисание, торможение (на мак бук эир )
в остальных браузерах вроде все хорошо.
в чем может быть причина?

Answer 1

[Максим Тимофеев]

Паралакс - это javascript, а javascript выполняется в браузере. Поэтому в зависимости от мощности компьютера будет разная скорость работы. У меня в "винде" Ваш паралакс подтормаживает. Поэтому задача не делать что-то для мак бук эир, а в целом оптимизировать. Как размер фото, так и javascript код.
У Вас там куча картинок на разных слоях. Сделайте 2 слоя. Одна большая картинка за заднем слое состоящая из кучи склееных фото. Они же синхронно двигаются, зачем их делить?

Answer 2

[Mikhail]

У меня тормозит в хроме на винде. Слишком много яваскрипта. Облегчите фон хотя бы что ли, сделайте единой картинкой, например. И да, это тот случай, когда визуальная пестрота и повсеместное шевеление всего и вся делает сайт нечитабельным. Это очень сильно ухудшает восприятие информации. Двигаться должно только то, что должно привлекать внимание: кнопка целевого действия, банер, информация об акции какой-то индикатор совершенного действия, анимация выполняющегося процесса и так далее. Когда пестрит и скачет по экрану все подряд - это способ перегрузить пользователю мозг и заставить его быстрее уйти с сайта. А если это все еще и тормозит, то вообще провал.