"" lag "" au scroll

Yo
Je suis en train de faire un site pour une sorte de médium un peu taré mais pas méchant pour un sou.
Je rencontre un problème au niveau de la conception de ce site,
j’ai des animations qui se lancent au scroll (en occurrence la couleur, l’opacité) le seul problème c’est que ça fait « « laguer » » le site au déroulement de la page
Je vous mets ci-dessous le js



window.addEventListener('scroll', function(e) {



if(window.scrollY < 400){

text.classList.remove("opacity")

}

if(window.scrollY > 400){

text.classList.add("opacity")

}

if(window.scrollY > 800){

content.classList.add("opacity")

}

if(window.scrollY > 1800){

for(let i = 0; i < 3; i++){

moreInfoImgAll[i].classList.add("visi")

}

}

if(window.scrollY < 1800){

for(let i = 0; i < 3; i++){

moreInfoImgAll[i].classList.remove("visi")

}



}



lastScroll = window.scrollY;

this.console.log(lastScroll)

})