5545 sujets

Sémantique web et HTML

Bonjour,
Je me permets d'écrire car j'aimerais obtenir une réponse à une question que je me pose sur le temps de chargement du DOM.

Plus précisément, est-ce que le fait de mettre de nombreuses class sur des éléments HTML peut avoir une incidence ?

Par exemple, dans le cas d'une structure HTML de ce type :

<form class="monForm" action="#" method="post">
	<fieldset class="monForm-zone">
		<legend class="monForm-zone-legend"><span>Une legend</span></legend>
		<figure class="monForm-zone-fig">
			<img class="monForm-zone-img" src="" alt="" />
		</figure>
		
		<div class="wrapper">
			<strong>Faites un choix</strong>
			<ul class="listeDeChoix">
				<li class="listeDeChoix-item">
					<input type="radio" name="question1" class="listeDeChoix-input" value="Totalement" />
					<label class="listeDeChoix-label">Je suis d'accord</label>
				</li>
				
				<li class="listeDeChoix-item">
					<input type="radio" name="question1" class="listeDeChoix-input" value="Un peu" />
					<label class="listeDeChoix-label">Je ne suis pas d'accord</label>
				</li>
				
				<li class="listeDeChoix-item">
					<input type="radio" name="question1" class="listeDeChoix-input" value="Pas trop" />
					<label class="listeDeChoix-label">Je suis sceptique</label>
				</li>
				
				<li class="listeDeChoix-item">
					<input type="radio" name="question1" class="listeDeChoix-input" value="Pas du tout" />
					<label class="listeDeChoix-label">C'est n'importe quoi</label>
				</li>
			</ul>
		</div>
	</fieldset>
	
	<button type="submit" class="monForm-bouton">Valider</button>
</form>


Merci de votre retour,
Il y a forcément une incidence puisque le fichier est de fait plus lourd, mais une incidence ridicule en regard du poids total des ressources.

Le fichier d'exemple est très correct. Le résultat d'un effort de micro optimisation sur un tel code html ne serait même pas d'une malheureuse milliseconde, peut-être une nanoseconde...

En fait, étant donné que le style CSS ne devrait plus cibler les classes mais directement les éléments html, avec des contorsions pour arriver à ses fins, le résultat serait plutôt une perte de performance (mais ridicule là aussi...).
Modifié par Olivier C (19 May 2016 - 20:22)