1.为什么会出现白屏?

1、静态资源加载失败,如:js、css文件加载失败,导致白屏。
2、网络延迟,JS加载延迟 ,会阻塞页面。
3、传输数据过大,需要一定时间进行传输。
4DOM渲染时间过长。
5、浏览器兼容问题

2.如何解决白屏?

1.减少DOM树渲染的时间(HTML层级不要太深,标签语义化…)
2.减少HTTP请求次数和请求大小
3.CSS放在Head中,将js放在body的最后,避免阻塞
4.使用ssr预渲染
Logo

技术共进,成长同行——讯飞AI开发者社区

更多推荐