Javascript 视差背景图像加载在每个鼠标滚动上，会降低性能

我不熟悉Javascript和jQuery，如果我的问题太多，我很抱歉

这是我试图开发的一个网页：

每次我滚动鼠标滚轮，视差图像就会加载，对一个图像的请求太多会导致网页速度变慢

可以在DevTools->Network上看到请求，有时候不会重复这个问题，刷新会看到那些“错误”请求

我使用：

对于我的博客页面视差背景图像，当它加载到演示页面时， 和自适应背景：

对于文本颜色，也在演示中

在我的html中，script.js检测到鼠标滚动， 我试图删除script.js中请求图像的部分，但这会使标题显示效果消失

这里是检测鼠标滚动的滚动功能，我怀疑这是“加载许多图像”问题的根源

在scripts.js第132行

//滚动函数
mr=（函数（mr、$、窗口、文档）{
“严格使用”；
scroll先生{}；
scroll.listeners先生=[]；
mr.scroll.y=0；
mr.scroll.x=0；
var documentReady=函数（$）{
////////////////捕获滚动事件和火灾滚动功能
addEventListener（'scroll'，函数（evt）{
mr.util.requestAnimationFrame.call（窗口，函数（）{
mr.scroll.update（evt）
});
}，假）；
};
mr.scroll.update=函数（）{
mr.scroll.y=window.pageYOffset；
mr.scroll.x=window.pageXOffset；
//遍历所有mr滚动侦听器
for（var i=0，l=mr.scroll.listeners.length；i

我想保留视差效果和自适应背景效果，有没有可能阻止js在每次滚动时加载图像

救命啊！请，非常感谢