关于使用 iframe 在主机网站上注入 React App Widget 的建议

Question

我正在制作一个聊天小部件，它可以嵌入到任何使用 iframe 的网站。之前我制作了一个 React 应用程序，然后将所有内容捆绑到一个 bundle.js 文件中，并将其托管在具有 public 访问权限的 S3（或任何静态文件托管平台）上，然后使用 iframe（使用脚本标签）。 bundle.js 文件的大小接近 1.23 MB。我怀疑它会影响网站加载速度。

我又尝试了一件事情，我创建了相同的 React 应用程序并将其部署在 AWS Amplify 上，然后在 iframe 中使用该应用程序的 link 而不是托管静态 bundle.js文件。 后者是一个好方法还是前者（bundle.js）更好？

Answer 1

我发现后一种方法（运行 AWS Amplify 中的应用程序）需要更多时间来加载，因此不如在 S3 上托管静态文件有用。但是，我发现CloudFront可以提高速度，还可以为它添加缓存支持。