CSS壁纸视差效果滞后于铬

我在我的网站上有一个简单的视差壁纸效果，与w3schools的这个例子完全相同，我注意到我的实现在Chrome上滚动时严重滞后，但在firefox上没有。我注意到当我移除

背景尺寸：封面

它不再滞后了。这有什么解决办法吗？我使用的图像文件大小不是太大，只是1MB，1920x1080JPG文件

.parallax {
  height: 100vh;
  background-image: url(../img/hero.jpg);
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
}

---

我没有看到Chrome在使用示例站点时出现任何延迟，因此我认为您需要提供足够的代码，包括您的图像，以便我们自己尝试。请参阅[链接]了解如何执行此操作的信息，谢谢。1MB的图像是巨大的。顺便说一句，请优化该文件，直到它达到300kb左右，然后重试。