Jquery 在网页中最后加载远程图像

Jquery 在网页中最后加载远程图像,jquery,performance,user-interface,Jquery,Performance,User Interface,我在我的服务上链接到许多远程图像。问题是,有时检索图像需要很长时间,结果导致整个页面暂停。要在最后加载图像,我可以做些什么?如果您想使用jQuery,那么您可以查看jQuery的延迟加载插件:从远程图像中删除src,并为每个img标记提供唯一的ID。创建jQuery函数为每个img分配src,并在页面准备就绪时调用该函数 您可以将带有图像的html附加到文档就绪: $(document).ready(function() { $("#img1").attr("src","img1.jp

我在我的服务上链接到许多远程图像。问题是,有时检索图像需要很长时间,结果导致整个页面暂停。要在最后加载图像,我可以做些什么?

如果您想使用jQuery,那么您可以查看jQuery的延迟加载插件:

从远程图像中删除src,并为每个img标记提供唯一的ID。创建jQuery函数为每个img分配src,并在页面准备就绪时调用该函数



您可以将带有图像的html附加到文档就绪:

$(document).ready(function() {
   $("#img1").attr("src","img1.jpg");
   $("#img2").attr("src","img2.jpg");
   $("#img3").attr("src","img3.jpg");
 });
$(函数(){
$(“#容器_id”)。附加(“”);
});
$(function(){
$('#container_id').append('<img scr="path_to_big_image">');
});