消除呈现阻塞样式表|性能改进javascript |单页应用程序|角度1.5x |谷歌页面速度

消除呈现阻塞样式表|性能改进javascript |单页应用程序|角度1.5x |谷歌页面速度,javascript,angularjs,single-page-application,google-pagespeed,render-blocking,Javascript,Angularjs,Single Page Application,Google Pagespeed,Render Blocking,目前,我正在Angular 1.x版应用程序中寻找性能改进。当我运行Google Page speed时,我收到了渲染块样式表,以优化应用程序以获得100/100的页面分数。我找到了一些有趣的站点和节点模块,以生成关键的渲染CSS来解决它 收到的解决方案(适用于静态页面): 关键节点模块 顶层节点模块 面对问题| |疑问(需要解决): 对于单页应用程序,我们如何生成内联关键CSS 如果我们有400个网页(不是SPA的),如何为包含不同内容和模板注入的动态网站的每个页面生成关键CSS。我们如何生

目前,我正在Angular 1.x版应用程序中寻找性能改进。当我运行Google Page speed时,我收到了渲染块样式表,以优化应用程序以获得100/100的页面分数。我找到了一些有趣的站点和节点模块,以生成关键的渲染CSS来解决它

收到的解决方案(适用于静态页面):

  • 关键节点模块
  • 顶层节点模块
  • 面对问题| |疑问(需要解决):

  • 对于单页应用程序,我们如何生成内联关键CSS
  • 如果我们有400个网页(不是SPA的),如何为包含不同内容和模板注入的动态网站的每个页面生成关键CSS。我们如何生成它?可能吗
  • 是否有任何插件或方法定义为每当页面加载时,它都会自动将页面的各个关键CSS注入到内部样式标记中
  • 是否有可能仅在构建期间生成包含400个动态页面的站点的关键CSS?因此,它将很容易注入到特定页面
  • 我们如何为服务器端呈现页面生成关键CSS
  • 提前感谢也许问题很大:(但需要帮助)