页面加载出现白页是什么原因造成的

1、页面加载时，有较长时间的白页，有可能是什么原因造成的？
在日常开发中，会发现浏览器白页情况会偶尔出现。这是怎么一回事?我们又该怎么去分析在哪里出现了问题?接下来我们一探究竟。
为了更好的发现问题，解决问题，我们将从三个方向来说明白页问题:客户端方向，服务端方向以及网络方向。

客户端方向

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