在 body 而不是 header 中包含预取 link

Question

我想在我的 WordPress 页面中包含 mydomain.com/plan 即 page_id = 25 :

<link rel="prefetch" href="/plan-both/ " as="document">
<link rel="prefetch" href="/plan-strategy/ " as="document">
<link rel="prefetch" href="/plan-funding/ " as="document">

根据 this 我们需要将其包含在 header.php 文件中：

<?php if(is_page(25)) { ?>
    <link rel="prefetch" href="/plan-both/ " as="document">
<?php } ?>

问题 : 如果我包含在页面的 body 中，pre-fetching 是否仍然有效？
这样我就可以将其包含在 WordPress 页面中，而不是编辑 header.php 文件。

Answer 1

是的，预取仍然有效。

它还会稍微提高页面加载性能，因为如果它在头部，预取将在页面加载到一半时开始。

将它移到的底部，只有在所有重要的事情都完成后才会开始。

在 body 而不是 header 中包含预取 link

Including prefetch link in the body instead of the header

html

link-prefetch