2016-11-19 67 views
0

我正在经历一个关于我的WordPress网站的奇怪的情况。我一直在努力消除所有的错误,我在PC上有一个非常好的94/100,但在移动设备上只有71/100,奇怪的是,我在移动设备上看到的渲染阻止脚本不仅仅是我看到的脚本PC。渲染阻止脚本只出现在手机上

任何人都可以帮助我,让我知道为什么会发生这种情况?

http://prntscr.com/d95npy - PC

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

感谢您的时间提前。

回答

0

我假定您正在加载<head>标签中的所有css。 PageSpeed向您建议的是优化CSS递送

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

理想的CSS设置会是这个样子......

  • 不超过一个合理大小的外部CSS样式表(小于75k左右)
  • 内嵌小型CSS到使用样式标签屏内容
  • 没有了CSS @import调用喜欢你的div或您H1S HTML的东西没有CSS(以元素CSS)HTML

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

如果你正在寻找一种更务实的态度,看看pagespeed documentation

0

您可以使用插件来优化CSS的交付,

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

这个插件是不是一个简单的“上/关'插件。它是优化专业人员和高级WordPress用户实现Google Page Speed 100 Score的工具。

请检查谷歌页面rank.AMP的AMP插件是为了移动网站优化。