原因: 打开一个页面的时候,从服务器先加载w文件,w页面渲染的时候才会加载依赖的css文件! css文件从网络下载比较耗费时间的!所以页面样式才会出现延迟的情况!
解决方法:
1.自己的css 文件 放在合并资源中 (min.css里面)! min.css是一次性加载到前端的! w渲染的时候,直接在合并文件中获取css样式, 没有网络请求的延迟,就不会出现这种情况了!
参考:http://docs.wex5.com/page-optimize/

2.在dom元素里添加 style=”visibility:hidden;” 原理是一样的!不需要单独网络请求去加载样式!所以页面渲染不会延时!!页面加载完后,然后再通过js动态修改style属性,改回来

this.getElementByXid('xid').style.visibility='visible';