饥人谷技术博客

出现白屏和FOUC的情况

2017-08-29  本文已影响0人  谢小疯

如果把style放在底部,由于浏览器的渲染机制,在一些场景下会出现白屏;
如果使用@import标签,即使css放入link,并且放在header里,也可能出现白屏;
如果把样式放在底部,对于IE浏览器,在一些场景下,会出现FOUC现象,对于Firefox会一直出现FOUC

对于图片和CSS,在加载时会并发加载(如同一个域名下同时加载两个文件)。但在加载JS时,会禁用并发,并且阻止其他内容 的下载。所以把JS放在页面顶部也可能出现白屏情况;

上一篇下一篇

猜你喜欢

热点阅读