CSS-анимация - высокая загрузка ЦП
Я работаю над загрузочным компонентом и использую этот код как ссылку
Посмотрите здесь -> Код
Как только я это проверю, загрузка ЦП возрастает. Я попытался добавить их, как предлагалось в других сообщениях, но анимация останавливается,
transform: translateZ(0) or will-change: transform
Какие-либо предложения
это не помогло.
Это одна из тех сложных задач. Извините, у меня нет других идей: \
Ответы 1
Вы можете использовать файл изображения .gif вместо того, чтобы создавать новый, как вы пытаетесь.
Я не знаю, где вы собираетесь использовать эту функцию.
Но у Ajax есть атрибут под названием beforeSend.
ссылка: JQuery Ajax beforeSend и успех, ошибка и завершение
А также, если вы хотите реализовать это во время загрузки страницы. Затем вы можете реализовать это, как показано ниже.
ссылка: Могу ли я запустить javascript до загрузки всей страницы?
Надеюсь, это будет полезно.
Вы добавили
will-changeк правильному элементу? Кроме того, пробовали ли вы добавитьopacityкwill-change? Можно сделатьwill-change: transform, opacity;. В основном из-за градиента и вращаемого элемента. Не уверен, что это изменит ситуацию.