Фоновое изображение тела вызывает падение FPS в сафари для iPad

Question

У меня есть веб-сайт со слайд-шоу с циклом jquery.Он плавно скользит по ipad, но если я добавляю фоновое изображение css к телу, кажется, что FPS падает, и эффект слайда выглядит действительно плохо.Это происходит, даже если фоновое изображение меньше экрана iPad.

Почему это так и как я могу это исправить?

Answer 1

Вы можете попробовать использовать аппаратное ускорение, например, добавив -webkit-transform: translateZ(0); CSS к блоку, который вы хотите ускорить.

Вот хорошая статья об ускорении GPU .

Кроме того, я не знаю, какое изображение вы используете, но есть ошибка в веб-наборах, когда использование радиальных градиентов CSS3 для фона может привести к значительному падению FPS.