Atraso do site na rolagem - html, css

Eu estou ocupado com meu site e agora tenho um problema.

Quando eu rolar para baixo para a minha página de contato, o meu navegador começa a lagg, porque eu tenho uma imagem de fundo com a rolagem de propriedades, e cobertura de tamanho.

Então eu pesquisei um pouco e o resultado foi que a capa da propriedade faz com que as laggs.

Como posso consertar isso? Eu preciso do meu tamanho de plano de fundo coberto porque eu tenho o meu site responsivo

Meu código:

background-attachment: scroll,  fixed;
background-color: #666;
background-image: url("../images/black.png"), url("../images/bg-footer.jpg");
background-position: center,    center center;
background-size: cover, cover;

Respostas:

Posso perguntar por que você precisa usar o anexo de plano de fundo: rolar tudo?

Você definiu a imagem de fundo para cobrir toda a largura do seu contêiner, o que significa que ele não vai mudar de posição na rolagem de qualquer maneira.

Você está forçando o navegador a recalcular o tamanho da imagem sempre que você rolar o mouse, causando o atraso.

Você também pode tentar usar outras propriedades como conter ou 100% de largura para corrigir sua imagem.