1、页面加载时,有较长时间的白页,有可能是什么原因造成的?
在日常开发中,会发现浏览器白页情况会偶尔出现。这是怎么一回事?我们又该怎么去分析在哪里出现了问题?接下来我们一探究竟。
为了更好的发现问题,解决问题,我们将从三个方向来说明白页问题:客户端方向,服务端方向以及网络方向。
客户端方向
-
1. JavaScript 异常
由于 JavaScript 出现的问题导致了页面白页。那么那些情况下 js 报错 会影响到页面白页呢?- a.
在头部加载 JavaScript
。头部加载 JavaScript 在解析 JavaScript 时报错,页面就会停止,所有的内容不会正常的展示出来。导致页面白页。所以要避免出现头部加载 JavaScript 的情况。 - b.
资源的加载顺序
。资源的加载顺序决定了页面的逻辑能否正常的 执行,当页面加载顺序出现问题导致页面无法正常执行,最终导致 白页现象。或者网速较慢,下载相关资源很慢,这时就会出现暂时
的空白页的现象。
- a.
-
2. 客户端请求异常 由于在客户端发送的请求异常导致页面空白,哪些请求可能导致页面 空白呢?
- a.
无效请求
。 当我们发送无效的请求时,服务器不会返回相应的内容, 直接导致我们的页面无法正常展示,最终以空白页的形式展 示 - b.
错误路径(错误请求)
。 当我们去访问服务器中的错误路径时, 服务器无法返回正常的请求资源,最终导致页面无法正常显示,最 终也是以空白页形式展现。
- a.
服务端方向
-
反向代理服务器异常
。 反向代理服务器出现问题。当我们访问的请求打到代理服务器上。代 理服务器出现了问题。无法正常解析路径等操作。同样会导致页面白 页情况。 -
服务器异常
服务器的资源无法正常找到,会出现服务器异常,最终出现空白页现 象。服务器宕机也就是服务器死机了也会导致服务器异常,无法正常处理我们的请求最终体现在客户端的是空白页现象。通常会报出 502 错误。 -
正常情况
服务器就正常返回了一个空白页面(滑稽脸),这种情况也是可以发生的。
网络方向
-
DNS 解析异常
出现无法解析服务器的 DNS 地址的问题。先了解一下 DNS,简单说就是将域名转换为 IP地址功能的服务器。DNS 解析不了,输入的地址自然无法指向目标网络,就无法上网了。这时任何请求都是无用的,最终导致浏览器白页现象。 -
链接超时
当我们请求的资源比较大,并且在服务当中设置的链接时常,在网速较慢的情况下,无法下载完页面资源,导致页面无法正常执行,最终导致 出现页面白页现象。 -
CDN 服务器异常
对于 CDN 服务器异常,可能是 CDN系统的错误提示,比如源服务器 异常,还有可能是使用了 CDN 系统的软件探测到 CDN 服务商异常, 比如 CDN 节点故障,以上的 CDN 服务器异常都会导致,在 CDN 服务器上的资源无法正常的进行,加载,导致页面无法正常展示,最终导 致白页现象。
网友评论