Fatal编程技术网
  • javascript/
  • Javascript 服务器端呈现和单页应用程序

Javascript 服务器端呈现和单页应用程序

javascript node.js reactjs

Javascript 服务器端呈现和单页应用程序,javascript,node.js,reactjs,react-router,single-page-application,Javascript,Node.js,Reactjs,React Router,Single Page Application,当我们使用客户端渲染时，我知道这将减少与服务器的连接时间，例如，如果我们使用react（使用create-react-app），react将创建一个js文件，其中包含我们所有的应用程序内容，但我们将从api接收的数据除外（通常是json格式）-但这意味着所有的DOM内容都将包含在一个js文件中，用户第一次加载页面时将获得该文件，现在对于小型应用程序，我看不出有问题。但在大型应用程序中，当我们有很多页面、组件和子页面使用路由库（如react router）时，是否执行所有这些操作，代码是否会在该文

当我们使用客户端渲染时，我知道这将减少与服务器的连接时间，例如，如果我们使用react（使用create-react-app），react将创建一个js文件，其中包含我们所有的应用程序内容，但我们将从api接收的数据除外（通常是json格式）-但这意味着所有的
DOM
内容都将包含在一个js文件中，用户第一次加载页面时将获得该文件，现在对于小型应用程序，我看不出有问题。但在大型应用程序中，当我们有很多页面、组件和子页面使用路由库（如react router）时，是否执行所有这些操作，代码是否会在该文件中？那不是太大了吗？马上派去

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

谢谢大家，解决方案是使用“延迟加载”和“代码拆分”技术，这是一篇关于这方面的好文章：

代码拆分应该有助于解决您的问题。这是一篇很棒的评论：@JoeC谢谢，我会查一查的out@Raymond但是第一批货之后就会兑现，不是吗？我的意思是，react代码首先是如何发送给用户的？以及如何尽可能快地做到这一点