消除渲染阻止资源

时间：2018-10-31 06:51:18

标签： service-worker progressive-web-apps

我是使用渐进式Web应用程序的新手。我想提高PWA的性能，但停留在某一点。

这是错误

enter image description here

请帮助我解决这个问题！

1 个答案:

答案 0 :(得分：0)

您可以查看此page，了解如何消除渲染阻止的JavaScript和CSS。

  

关键路径样式是正确呈现首屏的所有内容所需的样式。

     

您应该内联这些样式，以避免其他HTTP请求阻止初始呈现。您会发现其中有一个collection of tools to help with this。

<head>
  ...
  <style>critical CSS rules here</style>
  ...
</head>

一些其他提示：

  
      
  • 您应该考虑根据网络分析找出对用户而言最重要的意义。
    •   
  • 还要确保不要在关键CSS中使用@import语句，因为这也会触发其他HTTP请求。
    •   
  • 请确保不要内联太多CSS，因为这也会减慢您的初始渲染速度。
    •   
  • 从Google和Varvy阅读更多说明/提示。
    •   
相关问题
最新问题