滚动页面时出现白色阻挡

Question

我已经完成了一个网站，看到滚动时有白色块 - site here。在移动和桌面上发生。它只在第一次加载时发生。这是否表示页面尚未完全加载？如果是这样，我可以显示更长的加载屏幕，但需要知道，我怎么知道页面加载的时间。如果不是因为那个 - 是什么导致了这个？

要重现：在浏览器中打开它，加载屏幕后使用鼠标滚动条向下滚动（使用屏幕上的滚动条无法重现它）。

在移动浏览器中打开它，向下滚动页面 - 在这里我们可以很清楚地看到它。

不确定为什么你无法重现它。请参阅我手机上附带的截图。向上和向下滚动时会发生这种情况。

Answer 1

在空缓存中，您的页面发出34个请求，其总页面大小为23.7 MB。其中，有18个图像请求，图像的总下载大小为23.3MB。您是否尝试在用户的手机上加载此网站？

缩小图片或进行网页优化。白色块即将到来，因为图像的容器未完成加载，因为图像仍在下载中。此外，移动缓存大小小于计算机缓存大小。

在网站的第一个或空缓存加载中签出chrome网络选项卡，您可以看到。

加载图片后，再次访问您的网页。它的总数据传输量为5.7 KB，但仍有34个请求，并且从缓存中呈现内容。如果您的图片在您的网站上保持不变，您可以尝试为图片添加远期到期。