如何使用Google Visualization API在Google PageSpeed Insights上获得好成绩

时间:2016-08-25 08:25:32

标签: google-visualization pagespeed

我想在Google Charts上使用Google PageSpeed Insights获得好成绩,但不断收到这样的消息:

  

在首屏内容中消除渲染阻止JavaScript和CSS   您的页面有2个阻止的CSS资源。这会导致延迟   渲染你的页面。大约49%的上述内容   可以在不等待以下内容的情况下呈现您的页面   要加载的资源。尝试推迟或异步加载阻止   资源,或直接内联这些资源的关键部分   在HTML中。优化以下的CSS交付:   的 https://www.gstatic.com/charts/44/css/util/util.css   https://www.gstatic.com/charts/44/css/core/tooltip.css

奇怪的是,这两个文件实际上是在渲染开始后加载的(根据webpagetest.org)。这些文件是否真的阻止了渲染过程?

使用谷歌排行榜时,有没有人能够获得好成绩?我目前的得分是51手机和93桌面。任何帮助,将不胜感激。

1 个答案:

答案 0 :(得分:0)

查看请求编号22和37

有点幽默,谷歌的CSS引起了这个问题。

请求22是第一次涂料开始的地方。但这是一个错误,因为浏览器没有看到请求37下来的长矛。

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

注意在加载请求37之后如何加载DOM(紫色垂直线)。


JS不属于No '+" candidates produce the expected contextual result type 'AnyObject' ,它应该放在<head>之前的HTML之后。