HTML - Que es mejor en rendimiento de la pagina?

hola, soy nueva en el foro. Estoy intentando realizar mi primer poryecto web independiente un poco mas grande a los que estoy acostumbrada, y me encontre en internet con esta idea de poder reutilizar codigo especifico como plantillas de footers y heads, pero por lo que vi hay dos formas de hacerlo,

1. iframes 2. import

queria saber, cual es la opcion mas viable con respecto al rendimiento de la pagina en si, o en otras palabras, ¿cual consume menos recursos a la hora de ser utilizada?

si pueden ayudarme con esta duda, se los agradecere en serio. por mientras ire creando la estructura y probando por mi cuenta.
gracias por leerme

buenas el iframe por lo que he visto ya no es tan utilizado, ahora para tener algo de otra encapsular utilizan shadow dom

https://developer.mozilla.org/es/docs/Web/Web_Components/Using_shadow_DOM

Si en lo que quieres hacer quieres hacer código puro pues shadow down es tu opción de no ser así pienso que lo mejor es usar algún framework como vuejs que sea fácil de aprender y te de más facilidades a la hora de tener componentes, que puedas reutilizar.

saludos.

gracias, le hechare un vistaso :3