打开一个页面,白屏最常见的三种形态,打开两次、再刷新一次就能分开:全白、只丢样式、白一下就出来。

360 浏览器还有一个别的浏览器没有的变量:双核。地址栏右侧能切极速模式和兼容模式,两个模式下的结果经常不一样。

打开的那一刻:页面是全白还是只丢样式

先分清这三类,别急着下结论。

全白:没有任何文字和图片,连标题都不显示。

只丢样式:文字在,排版乱了,或者图片不显示。

白一下就出来:停了半秒到几秒才渲染,最后能看。

三类不用工具也能分:看一眼有没有文字,再看刷新后还在不在。

打开时的表现 常见位置 下一步
全白、标签页已停止转圈脚本报错、内核不兼容切内核再开一次
只丢样式静态资源被拦或路径错看资源是否 404
白一下就出来首屏资源大、脚本阻塞看首屏体积与脚本
白屏但状态码 200传输正常、渲染侧问题用其他浏览器对照
白屏且控制台报错前端异常记下报错原文

刷新一次之后:白屏还在不在

第一次白、刷新就好,多半是缓存与资源加载顺序的问题。

第一次白、刷新还白,先按稳定复现处理,往下走。顺手按 F12 开控制台,看 Console 里有没有红色报错;有就抄下第一行,比描述「白屏」有用得多。

刷新三次都一样白,这时候才值得去查代码和配置;否则先别动。

想确认是不是只在某些地区出现,用宝塔拨测的网站测速跑多地区多运营商节点,先看各地状态码和下载段有没有差别。

顺手记一下:白屏的时候地址栏的状态码是多少。200 说明服务器给了内容,页面是自己没画出来。

换成系统浏览器之后:差异出来了

同一台电脑,用系统自带浏览器打开同一个地址。

系统浏览器正常、只有 360 白:问题在 360 的内核或扩展,先切极速/兼容模式各试一次,再禁用扩展试一次。

两个浏览器都白:问题在站点侧,跟浏览器无关,回到测速结果看传输段。

两个浏览器都白、但手机上正常:先怀疑本机网络或代理,换网络再开一次。

360 的扩展也值得单独排一次:全部禁用后重开,正常了再一个个打开,找出那一个。

各地状态码都 200、只有少数地区白,问题在那一组链路;各地都 200 且下载正常,问题基本可以锁定在渲染侧。

隔天再打开:是不是只在特定时段白

有的白屏只在高峰期出现,白天测都正常。

隔一天、换个时段各开一次,记录时间。记三样就够:几点、哪个网络、白成什么样。

只在某个时段白,先看那段时间的服务器负载与带宽,不要先改前端。

每天都白、时间不固定,回到前面的分类继续拆。

有一点我没确认:360 浏览器不同版本的兼容模式渲染差异有多大,我手上没有逐版本的对照样本,只能按「切内核再测一次」这个动作处理。