Simple HTML vs JavaScript généré HTML?

Stick avec le HTML traditionnel. Ce n'est pas seulement plus rapide que de tout faire avec JavaScript, il est beaucoup plus maintenu.

sauf s'il y a une raison convaincante, sinon, collez-le avec le HTML droit et utilisez JavaScript pour les pièces les plus interactives de votre application.

HTML est analysé et généré par le navigateur, puis entré dans le DOM. Utilisation de JavaScript pour manipuler la pièce Dom par pièce est plus aérienne.

Imaginez si vous deviez retaper un article d'un magazine. Maintenant, imaginez le faire si chaque phrase était sur une nouvelle page. Bien que le résultat final soit un article copié, vous deviez dépenser tout ce temps à retourner des pages.

De loin la manière traditionnelle est plus rapide, l'utilisateur télécharge le fichier, il est présent, analysé et fait.

Si vous faites la voie JS La page doit être construite au client, chaque fois qu'ils chargent la page.

C'est juste un moyen horrible de construire une page IMHO et un cauchemar pour gérer / mettre à jour / créer

La vitesse est une préoccupation secondaire à l'exactitude - c'est-à-dire que cela servent d'abord les exigences fonctionnelles, puis le rendez-le si nécessaire (certains endroits, cela pourrait déjà être assez rapide).

Dans ce cas, la décision d'utiliser Static Markup Versus JavaScript est une question de qui consommer votre document - est-ce que seuls les utilisateurs avec JavaScript sont activés? Si oui, cela n'a pas beaucoup d'importance. Avez-vous besoin de prendre en compte les moteurs de recherche? Utilisateurs handicapés? Les clients minces qui n'ont pas de support complet JS, ou des utilisateurs paranoïdes atteints de JS handicapés? Dans tous ces derniers cas, avoir un balisage sémantique, non encombré d'éléments superflus, amélioré avec JavaScript, est le seul moyen de partir.

Si vous allez faire beaucoup de modifications à HTML via JavaScript, je vous recommande d'utiliser une bibliothèque de modèles comme trimpath .

Je trouve qu'il est intéressant d'envisager de créer un document purement via JavaScript. En fait, il est plus rapide de créer des éléments à l'aide du document DOM et DOCUMENT.CREATEELEELEMENT que .INNERHTML propriété. Cette méthode crée directement les objets de document directement, alors que l'utilisation de innerhtml nécessite l'analyseur à itération sur le HTML et créer les éléments.

D'autre part, en utilisant JavaScript au lieu d'écrire directement que le HTML nécessiterait que le JavaScript soit analysé et exécuté, créant ainsi des frais généraux supplémentaires sur l'analyseur HTML.