Jquery 为什么这个脚本在Google Chrome中运行缓慢？

我编写了一个脚本，可以动态加载图像。单击图像时，将显示带有图像的弹出窗口

有人知道为什么这个脚本在Google Chrome中运行缓慢吗

到目前为止，我已经在InternetExplorer、Edge、Firefox和Opera中进行了测试，在那里，完全相同的脚本运行没有任何问题

body.noscorl{
位置：固定；
溢出y：滚动；
宽度：100%；
}
.图像弹出div：之后{
内容：“X”；
顶部：9px；
背景：红色；
边界半径：50%；
宽度：40px；
高度：40px；
线高：43px；
文本对齐：居中；
颜色：白色；
字号：28px；
字体大小：粗体；
光标：指针；
位置：绝对位置；
左边距：10px；
}
.图像弹出img{
身高：95%；
利润率：1.25%；
}
.image popup.navbtn{
身高：100%；
线路高度：100vh；
颜色：白色；
字体系列：“只是另一只手”；
位置：绝对位置；
顶部：0px；
光标：指针；
}
.image popup.navbtn#prev{
左边距：-37像素；
背景：url(https://files.casa-elcorasueno.com/image/btn_prev.png);
背景重复：无重复；
背景尺寸：包含；
背景位置：中心；
宽度：15px；
}
.image popup.navbtn#下一步{
左边距：17px；
背景：url(https://files.casa-elcorasueno.com/image/btn_next.png);
背景重复：无重复；
背景尺寸：包含；
背景位置：中心；
宽度：15px；
}
.图像弹出窗口{
显示：无；
宽度：100%；
身高：100%；
位置：固定；
背景：rgba（0,0,0,0.95）；
z指数：2；
}
.图像弹出分区{
身高：100%；
最高：50%；
-ms转换：translateY（-50%）；
转化：translateY（-50%）；
位置：相对位置；
文本对齐：居中；
}
.照片{
宽度：1040px；
保证金：0自动；
边缘底部：-5px；
}
.照片：之后{
内容：“；
显示：块；
明确：两者皆有；
}
.照片组{
宽度：256px；
浮动：左；
高度：260px；
右边距：5px；
边缘底部：5px；
背景尺寸：封面！重要；
}
.照片分区按钮{
边际：0px；
填充：0px；
边界：0px；
宽度：256px；
高度：260px；
背景：url（'https://files.casa-elcorasueno.com/image/enlarge.png“）#0000007a；
背景尺寸：25px；
背景重复：无重复；
背景位置：中心；
光标：指针；
}

沃尔贝尔德
$images=[
"https://files.casa-elcorasueno.com/image/kamers/sol/sol_1.jpg",
"https://files.casa-elcorasueno.com/image/kamers/sol/sol_2.jpg",
"https://files.casa-elcorasueno.com/image/kamers/sol/sol_3.jpg",
"https://files.casa-elcorasueno.com/image/kamers/sol/sol_6.jpg",
"https://files.casa-elcorasueno.com/image/kamers/sol/sol_5.jpg",
"https://files.casa-elcorasueno.com/image/kamers/sol/sol_4.jpg",
"https://files.casa-elcorasueno.com/image/kamers/sol/sol_7.jpg",
"https://files.casa-elcorasueno.com/image/kamers/sol/sol_8.jpg"
];
$（窗口）。打开（“加载”）
{
$box=$（“”）；
$currentId=0；
$（$box）.addClass（“照片”）；
$box.insertAfter（“#pageName”）；
$popup=$（''）；
$popup_sub=$（“”）；
$（$popup）.append（$popup\u sub）；
$（“正文”）.prepend（$popup）；
$popupimg=$（''）；
$prevbtn=$（''）；
$nextbtn=$（''）；
$（$popup_sub）.append（$prevbtn）；
$（$popup_sub）.append（$popupimg）；
$（$popup_sub）.append（$nextbtn）；
对于（$i=0；$i<$images.length；$i++）
{
$elem=$（“”）；
$btn=$（“”）；
$btn.attr（“数据id”$i）；
$subelem=$（$elem）.append（$btn）；
$（$elem）.css（“背景”、“url”（“+$images[$i]+”）”）；
如果（（$i+1）%4==0）
{
$（$elem）.css（“右边距”，“0px”）；
}
$（$box）.append（$elem）；
}
}
$（“.photos div button”）。在（“单击”上，函数（e）{
$currentId=parseInt（$（this.attr（“数据id”））；
$url=$images[$（this.attr（“数据id”）]；
$（$popupimg）.attr（“src”，$url）；
$（“.image popup”）.fadeIn（）.addClass（“打开”）；
$（“body”）.addClass（“noscroll”）；
})
$（“.image popup div”）.after（）.on（“单击”，函数）（）{
$（“.image popup”）.fadeOut（）.removeClass（“打开”）；
$（“body”）.removeClass（“noscroll”）；
});
$（“.image popup.navbtn#next”）。打开（“单击”，函数（e）{
e、 停止传播（）；
如果（$currentId>=$images.length-1）
$currentId=0；
其他的
$currentId++；
$（“.image popup img”）.attr（“src”，$images[$currentId]）；
});
$（“.image popup.navbtn#prev”）。打开（“单击”，函数（e）{
e、 停止传播（）；
如果（$currentId==0）
$currentId=$images.length-1；
其他的
$currentId--；
$（“.image popup img”）.attr（“src”，$images[$currentId]）；
});    

没有回答您的问题，但我建议您用香草色重新编写。这将解决您的问题并提高性能。

$（窗口）。打开（“加载”）{

不是您想要的，而超过30Mb的图像也没有帮助either@certainperformance我不明白你的评论？