css样式fouc思考和探索

 

 FOUC 浏览器样式闪烁(Flash of Unstyled Content))指的是将css写在不同的地方造成重复渲染或者多个样式交叉渲染，引起的闪动。比如在样式文件里面继续引入外部样式文件，@import(url)

解决办法是：

1、css代码优化：合并只在一个入口加载css文件，比如在header使用link加载

2、默认样式冲突需要合并或者删除冗余默认样式

3、避免在样式文件里面加载外部样式文件。