我正在经历一个关于我的WordPress网站的奇怪的情况。我一直在努力消除所有的错误,我在PC上有一个非常好的94/100,但在移动设备上只有71/100,奇怪的是,我在移动设备上看到的渲染阻止脚本不仅仅是我看到的脚本PC。渲染阻止脚本只出现在手机上
任何人都可以帮助我,让我知道为什么会发生这种情况?
http://prntscr.com/d95npy - PC
http://prntscr.com/d95nuf - 移动
感谢您的时间提前。
我正在经历一个关于我的WordPress网站的奇怪的情况。我一直在努力消除所有的错误,我在PC上有一个非常好的94/100,但在移动设备上只有71/100,奇怪的是,我在移动设备上看到的渲染阻止脚本不仅仅是我看到的脚本PC。渲染阻止脚本只出现在手机上
任何人都可以帮助我,让我知道为什么会发生这种情况?
http://prntscr.com/d95npy - PC
http://prntscr.com/d95nuf - 移动
感谢您的时间提前。
我假定您正在加载<head>
标签中的所有css
。 PageSpeed向您建议的是优化CSS递送。
为了实现它,尝试看看以下资源:
理想的CSS设置会是这个样子......
- 不超过一个合理大小的外部CSS样式表(小于75k左右)
- 内嵌小型CSS到使用样式标签屏内容
- 没有了CSS @import调用喜欢你的div或您H1S HTML的东西没有CSS(以元素CSS)HTML
你应该基本上不会从外部来源导入这些CSS,而是将它们包含在您的projet中。
如果你正在寻找一种更务实的态度,看看pagespeed documentation
您可以使用插件来优化CSS的交付,
https://wordpress.org/plugins/above-the-fold-optimization/
这个插件是不是一个简单的“上/关'插件。它是优化专业人员和高级WordPress用户实现Google Page Speed 100 Score的工具。
请检查谷歌页面rank.AMP的AMP插件是为了移动网站优化。