Google visualization 如何使用Google可视化API在Google PageSpeed Insights上获得高分

我正试图在、上取得好成绩，但不断收到这样的信息：

消除折叠内容上方的渲染阻塞JavaScript和CSS 您的页面有2个阻止CSS资源。这会导致工作延迟 呈现页面。大约有49%以上的折叠内容 可以在不等待以下操作的情况下呈现页面上的 要加载的资源。尝试延迟或异步加载阻塞 资源，或直接内联这些资源的关键部分 在HTML中。优化以下内容的CSS交付：

奇怪的是，这两个文件实际上是在渲染开始后加载的（根据）。那么，这些文件真的阻止了渲染过程吗

---

有人在使用谷歌图表时获得了好分数吗？我目前的手机成绩是51分，桌面成绩是93分。任何帮助都将不胜感激

查看请求编号22和37

有点幽默，是谷歌的CSS造成了这个问题。

请求22是第一次喷漆的开始。但是，这是一个错误，因为浏览器没有看到请求37从派克下来。

所有CSS和字体文件必须在任何JS之前链接。
当浏览器遇到请求37时，它必须重新开始渲染。浏览器需要所有CSS和字体才能开始渲染

请注意，DOM加载（紫色垂直线）是如何在请求37加载后立即发生的。

---

JS不属于

，它应该放在HTML之后

之前

查看请求编号22和37

有点幽默，是谷歌的CSS造成了这个问题。

请求22是第一次喷漆的开始。但是，这是一个错误，因为浏览器没有看到请求37从派克下来。

所有CSS和字体文件必须在任何JS之前链接。
当浏览器遇到请求37时，它必须重新开始渲染。浏览器需要所有CSS和字体才能开始渲染

请注意，DOM加载（紫色垂直线）是如何在请求37加载后立即发生的。

---

JS不属于

，它应该放在HTML之后

之前

谢谢你的回复。JavaScript全部称为异步。所以我想这应该不是问题。我将大多数css放在标签中，并在标签前面的末尾引用单个css（Request37）文件。这种方法的优点是，可以在处理整个页面之前就开始渲染。然而谷歌PageSpeed似乎并不同意，并表示请求37应该在以后完成？！？我的回答完全基于瀑布。我没有查看该页面。谷歌也得出了同样的结论。你的页面太复杂，谷歌无法评估。如果是我的网站，我会想办法让“加载”图标变得不必要。我会使用服务器端脚本（例如python、php）而不是JavaScript创建页面。这个页面有太多的JS和CSS。谢谢你的回复。JavaScript全部称为异步。所以我想这应该不是问题。我将大多数css放在标签中，并在标签前面的末尾引用单个css（Request37）文件。这种方法的优点是，可以在处理整个页面之前就开始渲染。然而谷歌PageSpeed似乎并不同意，并表示请求37应该在以后完成？！？我的回答完全基于瀑布。我没有查看该页面。谷歌也得出了同样的结论。你的页面太复杂，谷歌无法评估。如果是我的网站，我会想办法让“加载”图标变得不必要。我会使用服务器端脚本（例如python、php）而不是JavaScript创建页面。这个页面中的JS和CSS太多了。