在 s-s-r（服务器端渲染）的情况下，在 react index.html 中包含脚本标签的最佳做法是啥？

Posted 2023-02-21

【中文标题】在 s-s-r（服务器端渲染）的情况下，在 react index.html 中包含脚本标签的最佳做法是啥？

【英文标题】：What is the best practice to include scripts tag in react index.html in case of s-s-r(Server side rendering)在 s-s-r（服务器端渲染）的情况下，在 react index.html 中包含脚本标签的最佳做法是什么？

【发布时间】：2020-04-26 16:51:32

【问题描述】：

我已经使用服务器端渲染设置了我的反应应用程序，它加载在服务器端创建 html 数据并将 HTML 数据返回给请求的客户端。 所以在这种情况下，所有加载脚本标签/html数据创建组件都发生在服务器端。为了提高我的页面的性能，包含脚本标签的最佳做法是什么？ 是在head标签中还是在body标签中还是在body标签之后。如有错误请指正。

【参考方案1】：

最好将scripts 保留在body 标记的底部。 （在Layout 页面中）

【讨论】：

但是无论我把它放在哪里，它都需要自己的时间在服务器端处理并消耗时间对吗？请解释一下它如何提高性能？

这取决于您使用的scripts（库）。性能不仅取决于scripts。如需进一步参考，请访问 [Safari] (oreilly.com/library/view/web-performance-tuning/1565923790/…) , progress