问题描述 投票:0回答:1
我正在努力解决移动设备中wordpress网站的速度问题。移动速度为43 wheareas桌面速度为93我看到主要问题是从预加载键请求时间开始。这个问题来自于真棒字体中使用的Elementor插件字体。尽管我已在header.php文件<link rel="preload"中为使用的字体设置了预加载键请求,但我仍然认为这会导致移动设备运行速度变慢,请通过Google Pagespeed见解进行检查。我也在Google开发工具控制台中看到向我显示以下错误:

“字体已使用链接预加载进行了预加载,但在窗口的加载事件发生后的几秒钟内未使用。请确保其具有适当的as值并且已被有意预加载。”

我还使用wprocket插件来缓存网站。尽管我清除了缓存并停用了缓存,但仍然看到它显示了移动设备的字体问题。

我没有找到任何解决移动字体问题的方法。

有人可以给我任何建议来解决移动设备和台式机的所有字体速度问题吗?

css performance google-pagespeed elementor pagespeed-insights
1个回答
0
投票
预加载错误

“字体已使用链接预加载进行了预加载,但在少数情况下未使用窗口加载事件后的秒数。请确保它有一个适当地作为值,并有意预加载。“

这意味着您正确地进行了预加载,但是预加载了页面上不需要的内容。

如果您在网站的每个页面上看到相同的错误,则说明您正在加载不需要的字体。

[我不确定elementor是否在WordPress管理员中具有删除字体的设置,否则,您必须深入研究代码并手动将其禁用。

请记住,如果这样做,可能会导致elementor出现问题。

尽管我清除了缓存并停用了缓存,但仍然看到它显示了移动设备的字体问题。

[很有可能您在汉堡菜单中使用了一种字体图标,这将解释为什么您在移动设备上而不是台式机上出现错误。

谁能给我任何建议来解决移动和台式机的所有字体速度问题?

是,不要使用超棒的字体。而是学习如何使用嵌入式SVG-一旦了解它们,通常只是复制和粘贴作业来替换图标。这是一些information on inline SVGs vs fonts as Icons to get you started.

© www.soinside.com 2019 - 2024. All rights reserved.