在PC端多页面切换时，一级导航菜单和二级导航菜单都是由后端接口返回，页面闪烁得厉害？

Question

在PC端多页面切换时，一级导航菜单和二级导航菜单都是由后端接口返回，页面闪烁得厉害，在除了单页面外还有什么好的解决方法减少这种闪烁效果吗？

补充说明：

Answer 1

先给其父级一个默认样式类 .nodata
通过这个给菜单一些默认样式，给个宽高啥的，浅色背景占位等。
拿到数据渲染完成把样式去了，恢复实际样式。

Answer 2

菜单项在多页面切换变化大吗，可以考虑把菜单数据放到sessionStorage里

Answer 3

加载的慢有几种原因导致：
1、HTML 文件载入慢，
2、异步获取菜单信息慢，
3、渲染速度慢、
针对以上原因的对策：
1、多页面间提高服用资源，使用缓存提高载入效率
2、将异步获取菜单的请求提早发出，可以放在HTML 文件头部。等dom ready后再执行操作。
尝试使用get请求缓存，提高效率，
3、dom元素过多导致重排重绘压力大，建议使用异步加载，让首屏加速显示，多余部分可异步延时载入。