改善新的Angular App Lighthouse得分的实用指南？

Question

我实际上已经在尝试开发一个简单的PWA，但是在将它部署到Netlify并运行Lighthouse之后，尽管它是一个只有4页的非常简单的spa应用程序，但在Performance and Best Practices上的表现却很差。 然后我又重新开始了，

    ng new AngularApp --enable-ivy
    cd AngularApp
    ng add @angular/pwa
    ng build --prod --aot --vendor-chunk --common-chunk --delete-output-path --buildOptimizer
    http-server-spa dist/AngularApp index.html 8080

作为Angular和Lighthouse都是Google产品，我希望在没有功能的新应用程序上获得几乎完美的成绩，相反，我得到了

• 84个性能
• 95可访问性
• 86个最佳做法
• 91 SEO
• 3/3 3/3 5/7 PWA

最佳做法我认为有些失误，因为我没有使用https来测试生产版本，没关系，但是性能表现为Fist Contentful Paint，First Meanfulful Paint，First CPU Idle，所有黄色耗时超过3秒和Max潜在的第一个输入延迟红色，在390毫秒处。 我应该如何改善这些瓶颈，尤其是当我向应用程序中添加更多功能时，将该值保持在较低水平？