问题描述
我在互联网上进行搜索,发现如果我考虑做某事<link rel=preload>
,它将解决此问题。
但是我没有在代码文件中找到这些资源,可以帮助我找到这些文件的源代码,以便我进行修改吗?
注意:如果您想让我知道其他文件,我正在使用WordPress网站,主题名称为 kuteshop 。
期待听到您的宝贵答复。
谢谢!
解决方法
在我的wordpress function.php中添加以下代码可解决此问题。
function font_preload() {
echo '<link rel="preload" href="http://mywebsite.org/wp-content/themes/kuteshop/assets/fonts/Pe-icon-7-stroke.woff?d7yf1v" as="font" crossorigin="anonymous">';
echo '<link rel="preload" href="http://mywebsite.org/wp-content/themes/kuteshop/assets/fonts/flaticon/Flaticon.woff" as="font" crossorigin="anonymous">';
echo '<link rel="preload" href="https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfBBc4.woff2" as="font" crossorigin="anonymous">';
echo '<link rel="preload" href="https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fBBc4.woff2" as="font" crossorigin="anonymous">';
echo '<link rel="preload" href="https://fonts.gstatic.com/s/raleway/v18/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVs9pbCIPrE.woff2" as="font" crossorigin="anonymous">';
echo '<link rel="preload" href="https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFVZ0b.woff2" as="font" crossorigin="anonymous">';
}
add_action('wp_head','font_preload',0);