移动端h5页面，刚打开的时候会闪一下显示未加载css的dom结构，然后才变成正常加载css的页面

Question

使用的是jquery+rem写的简单的移动端登录页面。

问题就是刚打开的时候是先闪一下未加载css的dom页面结构，就好像页面坍塌了一样，闪过后瞬间加载了css变成正常的页面。

我把rem放到css前面加载也不行，请问怎么避免这种糟糕的体验？

Answer 1

你可以尝试一下骨架屏 骨架屏就是按照你的页面结构先生成页面布局的骨架 但是没有具体内容 等待内容加载完毕后再填入 https://segmentfault.com/a/11...

Answer 2

1、css样式代码冗余，假如是，那就尽量规范书写。
2、不要初始化加载那么多css样式，一时间网速慢会出现这种问题
3、css尽量不写在本文件中，单独写个文件包引用文件。