2

角通用

我正在测试用于服务器端渲染的 Angular Universal(我喜欢它,我认为 Angular Universal 团队的人在将服务器端渲染带入 Angular 方面做得很棒)。我从这里下载了入门工具包。然后我运行设置并在浏览器中查看结果。

当页面加载时,它会非常快地进入,然后块消失并在眨眼间重新出现。为了展示这一点,这里有一些从 google chrome 开发工具中截取的屏幕截图(带有捕获屏幕截图的网络选项卡)。

第 1 部分:382 毫秒

在此处输入图像描述

第 2 部分:400 毫秒

在此处输入图像描述

第 3 部分:925 毫秒

在此处输入图像描述

第 4 部分:1.04 秒

在此处输入图像描述

问题

为什么有些组件在第 3 部分消失,然后在第 4 部分重新出现?还有没有办法阻止这种情况发生?

编辑 1

Angular-Universal 的一个模块是预启动的。使用预引导时,有一个buffer. 我已将此设置为 true,它适用于渲染应用程序。我很快就看到了静态 html,但在等待数据加载时仍然存在问题。这是 Angular-Universal 预引导模块的链接

preboot: {
  buffer: true
} 

我是否需要某种存储在服务器和客户端之间以超快的速度传递数据?

4

0 回答 0