on peut désormais utiliser loading="lazy" sur les iframe avec Chrome
Bootstrap contient ce qu'il faut pour afficher des iframes RWD
Et voici comment rendre une iframe responsive (il faut du JS !)
Une astuce pour redimensionner une iframe en fonction de son contenu :
$(document).ready(function() {
$("#IframeId").load(function() {
var h = $(this).contents().find("ul.jq-text").height();
h += $(this).contents().find("#form1").height();
$(this).height( h );
});
});
Comment afficher une iframe de hauteur variable : la solution en javascript (utilisée sur le site de la CAF)