我正在Google PageSpeed Insights上测试网站并收到以下消息: 消除上层内容中的渲染阻止JavaScript和CSS
然而,渲染阻止" JS / CSS"是谷歌apis(即http://fonts.googleapis.com/css?family=Lato:400)。
有没有办法超越这个而不会造成样式问题? googleapis来自不同的插件/主题(我相信动态生成)。
对于移动设备,这列为"应该修复:"又名在RED。
感谢任何帮助,谢谢。
答案 0 :(得分:0)
在我看来,如果它只是造成这个问题的一小块CSS,我就不用担心了。如果它是JS,那么通常很容易将它移动到<body>
元素的底部(内部)。这意味着它只会在页面内容之后加载,这通常没问题。
至于CSS,并不是所有人都同意它应该从头脑中移开。例如,我相信Yahoo suggests将其保持在头脑中以使页面看起来加载速度更快。因为在样式之前加载内容的重点是什么。
将这些加载到标题中可能是最好的主意,因为它通常只需要大约50ms左右,这意味着字体在完全加载后不会闪烁。