如何解决关于使用 iframe 在主机网站上注入 React App Widget 的建议
我正在制作一个聊天小部件，它可以使用 iframe 嵌入到任何网站。以前，我制作了一个 react 应用程序，然后将所有内容捆绑到一个 bundle.js 文件中，并将其托管在具有公共访问权限的 S3（或任何静态文件托管平台）上，然后使用 iframe（使用脚本标记）将该文件注入网站内。该 bundle.js 文件的大小接近 1.23 MB。我怀疑它会影响网站加载速度。
我还尝试了另一件事，我创建了相同的 React 应用程序并将其部署在 AWS Amplify 上，然后在 iframe 中使用该应用程序的链接，而不是托管静态 bundle.js 文件。 后者是一种好方法还是前者（bundle.js）更好？
解决方法
我发现后一种方法（在 AWS Amplify 中运行应用程序）需要更多的加载时间，因此不如在 S3 上托管静态文件有用。但是，我发现 CloudFront 可以提高速度并为其添加缓存支持。
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
