Lighthouse 对我网站的审核建议预加载文件 https://partyfavorz.com/wp-content/themes/customizr-pro/assets/front/css/magnific-popup.min.css以加快我的加载时间。
我为我的子主题创建了一个 header.php 文件并使用了他们建议的格式
<link rel="preload" href="styles.css" as="style">
并在开头和结尾的 head 标签之间使用了这个:
<link rel="preload" href="/wp-content/themes/customizr-pro/assets/front/css/magnific-popup.min.css" as="style">
清除我的缓存和 CDN 并运行新审核后 - 严重警报仍然存在。它与 as="min"> 我猜这是一个样式表并尝试使用它但没有效果。
最佳答案
我回去尝试了一些简单的方法，比如在子标题中添加主题颜色代码，但它仍然没有用——尽管代码是正确的，而且我已经将主题的 header.php 文件复制到子主题中。
我从子主题中删除了代码，然后安装了一个名为“插入页眉和页脚”的基本插件，并再次输入相同的代码。保存后 - 它在确切位置将相同的代码输入到子主题中，现在可以使用了。
我对启动该线程的预加载代码做了同样的事情，它也能正常工作。
问题似乎与 Customizr 主题本身有关。在这两种情况下，我手动放入子主题的头文件中的相同代码都不起作用。一旦它在插件中使用 - 它就做到了。
关于css - 如何在子主题中格式化预加载 header 请求，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/58739085/