En cada iteracción de recorrer o array "cardContent" asignanse valores ó template, clónase e acumúlase en un fragment. Logo agrégase o fragment ó DOM, facendo así solo unha modificación do DOM en lugar de unha por iteracción.
Tamén se ve o uso do tag template. Aproveitando que non renderiza pero pódese clonar e usar o contido para agregalo máis tarde ó DOM.