iframe懒加载_轮播页面加载多个ifream导致网页响应过慢该如何解决？

一个大型轮播，每一个分页中都嵌套一个ifream页面，导致进入页面加载需要15s 响应问题很明显，试过用懒加载，但是效果好像并不是很好。

这是demo代码

frameborder="0">

frameborder="0">

frameborder="0">

frameborder="0">

frameborder="0">

var count = $(".slider div iframe").size(); //iframe的个数

console.log('count', count)

setTimeout(updateIframeSrc(count), 500);

function updateIframeSrc(index) {

// debugger

console.log(index)

var iframe = $(".slider div iframe").eq(index);

iframe.attr("src", iframe.attr("id"));

iframe.load(function () {

console.log('index',index);

setTimeout(function () {

updateIframeSrc(++index);

}, 500);

if(index==count){

return;

}

});

}