我有以下代码,它可以在鼠标悬停时预取和预渲染特定的链接。我的问题是,我需要每次添加一个新链接,还是只需要更改 href
就足够了?
$(".prerender").on("mouseover", function() {
var link = $(this).attr("href"),
prerenderLink = $("#prerenderLink");
if (prerenderLink.length) {
if (prerenderLink.attr("href") === link) return;
prerenderLink.attr("href", link);
} else {
$('<link id="prerenderLink" rel="prefetch prerender" href="' + link + '" />').appendTo("body");
}
});
删除或更改
href
是否会取消先前定义的 href
的预渲染/预获取,甚至将其从缓存中删除?或者因为它被调用了一次,所以它会留在缓存中?此外,这可以在哪里测试?
*由于预渲染是一项高级实验性功能,误触发可能会导致用户体验下降,包括增加带宽使用、其他链接加载变慢和内容稍有滞后。只有当您对用户下一步访问的页面非常有信心,并且确实为用户提供了附加价值时,才应考虑触发预渲染。