我想在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桌面。任何帮助,将不胜感激。
答案 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之后。