sva*_*agt 5 javascript jquery prefetch
我正在尝试预取页面以使用下面的代码(req.jQuery)来提高我们网站的感知性能.
只有0.5%的访问者使用拨号,我不包括查询字符串(旧时间),外部链接(http)和pdfs(我们的大文件采用此格式).在生产网站上,预取我没有考虑过的其他可能的负面情况是什么?
<script type="text/javascript">
$(document).ready(function() {
$("a").each(
function(){
$(this).bind ("mouseover", function() {
var href=$(this).attr('href');
if (
(href.indexOf('?') == -1)&&
(href.indexOf('http:') ==-1)&&
($(this).hasClass('nopreload') == false)&&
(href.indexOf('.pdf') == -1)
) {
$.ajax({ url:href, cache:true, dataType:"text" });
}
});
$(this).bind ("mousedown", function(btn) {
if (btn.which==1) {
var href=$(this).attr('href');
if ($(this).hasClass('nopreload') == false) {
window.location.href = href;
return false;
}
}
});
});
});
</script>
Run Code Online (Sandbox Code Playgroud)
对于某些链接,当它悬停在它上面时会预加载页面并且mousedown将导航(而不是在释放按钮之后).
右键单击也会触发鼠标按下事件 - 因此您可能需要检查事件数据。
我猜想 20-30kb 的 html 源代码的速度增益相当低。您的函数不会预加载任何图像、css 或 js 文件,而只会预加载纯 html 代码。
| 归档时间: |
|
| 查看次数: |
1267 次 |
| 最近记录: |