ReactJs服务器端渲染闪烁问题

时间:2016-12-31 06:01:57

标签: reactjs

我使用ReactJs服务器端渲染,并且在完全加载页面之前,页面闪烁一次。谁能说出为什么会发生这种情况?

1 个答案:

答案 0 :(得分:0)

要理解,让我们看一下有关服务器端呈现的一些基本事实:

初始页面由服务器提供(基本上是标记),并立即显示给用户

发布信息,图像,js,css等附加资产是异步加载的。

加载资产后,框架(此处做出反应)将启动并替换原始呈现的服务器页面。这很重要,因为现在客户端路由等可以开始工作,因为应用程序拥有所有资源。

现在,在你的情况下,一旦反应开始,它就会命中第一条路线并加载页面(懒洋洋地)并用服务器渲染的页面替换那一页。这种延迟(延迟加载你的路线;第一条路线)导致了flickr。

防止这种情况的一种方法可能是以某种方式预加载你的第一条路线!不知道你会怎么做反应...