渲染阻止脚本仅存在于移动设备上

时间:2016-11-19 08:02:28

标签: wordpress pagespeed google-pagespeed

对于我的wordpress网站,我遇到了一个奇怪的情况。我已经完成了根除所有错误的工作,我在PC上有一个非常体面的94/100,但在移动设备上只有71/100而且奇怪的是,我在移动设备上看到的渲染阻止脚本比我看到的脚本更多在PC上。

有人可以帮助我,让我知道为什么会这样吗?

http://prntscr.com/d95npy - PC

http://prntscr.com/d95nuf - 移动

感谢您的提前时间。

2 个答案:

答案 0 :(得分:0)

我假设您要加载css标记内的所有<head>。 PageSpeed建议您优化CSS投放

为了实现它,请尝试查看以下资源:

  

理想的CSS设置看起来像这样......

     
      
  • 只有一个合理大小的外部CSS样式表(小于75k左右)
  •   
  • 使用样式标记将小型CSS内嵌到HTML中,用于折叠内容
  •   
  • 没有@import调用CSS没有像你的div或你的h1s那样的CSS中的CSS(在元素CSS中)
  •   

您应该基本上不从外部源导入这些CSS,而是将它们包含在您的项目中。

如果您正在寻找更实用的方法,请查看pagespeed documentation

答案 1 :(得分:0)

您可以使用插件优化css的传送,

https://wordpress.org/plugins/above-the-fold-optimization/

这个插件不是一个简单的开/关&#39;插入。它是优化专业人士和高级WordPress用户实现Google Page Speed 100分数的工具。

请检查Google页面排名的AMP插件.AMP适用于移动网站优化。