angular - 为无服务器 Angular 6 应用程序（AWS 静态托管）提供更好的 Google PageSpeed 结果

Question

目前，我在 AWS S3 存储桶（静态托管）上托管的个人网站在 Google PageSpeed：32/100 上的结果非常糟糕（在我的 Rails 应用程序中，我目前有 92/100，所以我不确定为什么它对 Angular 来说如此之低）

我选择 Angular 是因为我认为它会为 Google 的浏览器提供最佳实践。看来要么我错了，要么我的应用程序做错了什么（这很可能是原因）。

我ng build --prod --aot在 AWS S3 存储桶中运行并托管了它

• 是否有任何框架/插件可以帮助我满足以下建议？
• 我应该改用服务器端渲染吗？（我尝试过延迟加载，但没有看到更好的结果）
• 有没有人有一个具有页面速度最佳实践的示例应用程序？

https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fwww.abebraham.com

标签： angularamazon-s3angular6serverlessgoogle-pagespeed

Answer 1

也许这会有所帮助：

1 运行事件处理程序

2 更新数据绑定

3 传播 DOM 更新和重绘

https://blog.angular.io/3-tips-for-angular-runtime-performance-from-the-real-world-d467fbc8f66e