预加载revicons.woff?5510888和woff2

Question

我完成了页面的创建，并开始进行速度优化。当我访问页面速度洞察时，关键问题是：https://i.stack.imgur.com/XSttX.png

我试着在头和头之间加

<link rel = "preload" href = "https: //..../fa-regular-400.woff2 ″ as =" font "type =" font / woff2 ″ crossorigin />

但是在没有任何影响的情况下，有人能帮上忙吗？我用wordpress，theme- woodmart，wp rocket

Answer 1

1. 导航到Avada > Options > Advanced > Custom Fields (Tracking etc.)
2. Find Space before </head>部分
3. 将以下字体代码粘贴到head部分：

​

<link rel="preload" as="font" href="https://www.homepage.com/wp-content/uploads/fusion-icons/Marketing-Bold-v1.0/fonts/fa-regular-400.woff2?d5d08s" type="font/ttf" crossorigin="anonymous">

​

1. 在Save Changes PageSpeed Insioght

中命中Save Changes并重新分析

请注意：

如果你不知道字体的确切网址，只需从谷歌字体洞察结果中复制它(如你的屏幕截图所述：https://i.stack.imgur.com/XSttX.png)

• Change type="font/ttf" to ttf

• to woff2/ttf/woff，就像它在网址末尾显示的那样。

Answer 2

如果看不到你的代码，就很难说。您的应用程序中可能使用Revicon.woff作为其左箭头和右箭头图标(字体的其余部分为...不是禁欲流行的)。通过在代码及其所有依赖项中搜索“revicon”，您应该能够准确地找到它们在代码中的位置。

一旦您发现依赖项加载了这些字体，在重新格式化的问题中使用依赖项的名称/关键字，以及加载revicon.woff的代码，将有助于获得比我的更好的答案。