服务器端渲染和单页应用程序

时间:2018-10-02 18:04:05

标签: javascript node.js reactjs react-router single-page-application

当我们使用客户端渲染时,我知道这将减少与服务器的连接时间,例如,如果我们为此使用react(使用create-react-app),react将创建一个包含所有内容的js文件我们的应用程序内容,除了我们将从api接收的数据(通常会在json中)-但这意味着所有DOM内容都将位于用户加载页面时将获得的一个js文件中第一次,现在对于小型应用程序,我看不到任何问题。但是在大型应用程序中,当我们使用诸如react-router之类的路由库拥有大量页面,组件和子页面时,所有这些内容和代码是否都在该文件中?那不会变得太大吗?一次发送?

毫无疑问,这些技术可以提高网站的性能和交互性,但是我担心的是第一次加载该网站以及如何使用相对较大的应用程序使其尽可能快地加载

1 个答案:

答案 0 :(得分:1)

谢谢大家,解决方案是使用“延迟加载”和“代码拆分”技术,这是一篇很好的文章: Lazy loading routes in react