Мой сайт занимает так много процессора на моем компьютере

я использую в этом проекте django с чистым css и js и кажется, что мой сайт потребляет так много процессора также я использую градиентную анимацию с помощью css

    body {
    background: linear-gradient(to right, rgb(247, 85, 202), rgb(18, 103, 248));
    background-size: 400% 400%;
    animation: gradient 15s ease infinite;

}.nav-link ,.navbar-brand ,.nav-link:hover ,.navbar-brand:hover {
    background: linear-gradient(to right, rgb(247, 85, 202), rgb(18, 103, 248));
    -webkit-background-clip: text;
    background-size: 400% 400%;
    color: transparent;
    animation: gradient 15s ease infinite;

}
@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

дополнительно я использую слушатель событий для всего документа с помощью Javascript

 document.querySelectorAll('.edit').forEach((button) => {
      .
      .
      .
    })
document.querySelectorAll('.filter-green').forEach(like => {...})

Вернуться на верх