滚动页面时出现白色阻挡

时间:2017-08-25 16:37:17

标签: javascript jquery html css

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

要重现:在浏览器中打开它,加载屏幕后使用鼠标滚动条向下滚动(使用屏幕上的滚动条无法重现它)。

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

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

1 个答案:

答案 0 :(得分:3)

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

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

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

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

相关问题