tsParticles 在实时服务器上的性能较差

Question

我目前陷入困境，无法定位错误。在构建包含react-tsParticles包的react应用程序后，我注意到将其发布到基于nginx的网络服务器上后性能非常糟糕。虽然在本地开发中性能还不错，但是访问实时页面时的性能很差，与互联网上的其他示例无法相比。

我对为我的页面做广告不感兴趣，但这是它的链接。 代码可以在 here 在 Github 上找到。

如有任何建议，我们将不胜感激:)

Answer 1

我也遇到这个问题了

使用 npm run build 命令时，

构建工具

或捆绑文件出现问题。

也可以通过更改

browserslist

中的

package.json

来解决。

您可以参考这个答案：https://stackoverflow.com/a/70625114/8730051

Answer 2

如果有人在 2024 年遇到这个问题，并且你正在使用 React-vite 项目，使用 browserlist 等不会有太大帮助，我尝试了一切。对我有用的是更改 vite.config 文件并使用分块策略，它会影响 node_modules 的捆绑和服务方式。

 build: {
    rollupOptions: {
      output: {
        manualChunks(id) {
          if (id.includes("node_modules")) {
            return "vendor";
          }
        },
      },
    },
  },