Google PageSpeed for http://fonts.googleapis.com/:消除渲染阻止JS& CSS中的内容

时间:2015-09-22 08:39:47

标签: wordpress seo pagespeed

我正在Google PageSpeed Insights上测试网站并收到以下消息: 消除上层内容中的渲染阻止JavaScript和CSS

然而,渲染阻止" JS / CSS"是谷歌apis(即http://fonts.googleapis.com/css?family=Lato:400)。

有没有办法超越这个而不会造成样式问题? googleapis来自不同的插件/主题(我相信动态生成)。

对于移动设备,这列为"应该修复:"又名在RED。

感谢任何帮助,谢谢。

1 个答案:

答案 0 :(得分:0)

在我看来,如果它只是造成这个问题的一小块CSS,我就不用担心了。如果它是JS,那么通常很容易将它移动到<body>元素的底部(内部)。这意味着它只会在页面内容之后加载,这通常没问题。

至于CSS,并不是所有人都同意它应该从头脑中移开。例如,我相信Yahoo suggests将其保持在头脑中以使页面看起来加载速度更快。因为在样式之前加载内容的重点是什么。

将这些加载到标题中可能是最好的主意,因为它通常只需要大约50ms左右,这意味着字体在完全加载后不会闪烁。