加载新的背景图像在IOS上闪烁

Question

我正在制作桌面和移动设备的网页。 我有一个背景图像质量差的div。

div {  background-image: url(lowquality.jpg); background-size: cover; }

当我去那个页面时，我会加载一个更高质量的图像来替换下面的图像。

  let src = this.getHightQualitySrc();
  const imageToLoad = new Image();
  imageToLoad.onload = () => {
    div.setAttribute('style', `background-image: url(${src})`);
  };
  imageToLoad.src = src;

在桌面（窗口）上，它可以正常工作，当加载高质量图像时，它可以平滑地更换，没有毛刺。 也在Android上它工作正常。但是在装载高质量图像时在Iphone上使用IOS时，您首先会看到一个白色屏幕并再次加载图像（从图像的顶部开始）。

有人可以帮助我在IOS上采取相同的行为吗？