Nascondi elemento o crea al volo?

Question

Quale opzione è migliore:

• avere un elemento nel markup, nascosto con i CSS. Se JS è abilitato, mostra quell'elemento.

• non hanno alcun elemento nella marcatura e creare al volo, se JS è abilitato.

Se l'utente non ha JS, non voglio che venga mostrato un div. La mia domanda non è come codificare i diversi casi, è qual è il migliore e perché.

EDIT: Quando dico "migliore" intendo sostenere la vostra risposta con questo che è la migliore per voi. Può essere velocità/semantica/ecc. Quello che voglio è essere in grado di avere una visione migliore dei pro e dei contro di ciascuno. Anche la velocità non è un problema, perché è solo un elemento quindi sarebbe come millisecondi.

Per la prima opzione, è probabilmente più veloce, ma poi abbiamo delle regole di markup e CSS inutili. Perché se non c'è JS, non avrebbe senso avere l'elemento, e tanto meno nasconderlo.

Ora la seconda opzione, anche se potrebbe non essere così veloce, continuo le varie parti separate e veramente solo caricare ciò che deve essere caricato.

Answer 1

manipolazioni DOM sono i più costosi. Mostrare il codice esistente è più veloce che iniettarlo.