[CSS][JS] lenteurs d'execution WTF ?

Bonjour,

je développe une application web depuis un moment et l'exécution des animations javascript et css et de plus en plus lente.
Sur certaines page le scroll vertical à la molette est même ralenti sous chrome et firefox mais pas sur ie

j'ai donc traité différemment le css et javascript en enlevant les commentaires espaces et tabulations et en envoyant seulement les partis appelé dans la page ce qui a amélioré un peu la chose pour le scroll mais pas pour la fluidité des animations.

toutes mes pages passe au validateur w3c html et css.

Pour le javascript qui est généré sur une seule ligne n'a pas d'erreurs d'exécution détectées par firebug ni pas web developper.

Les problèmes de ralentissement principalement souvent lors de setInterval pour le js et des transitions css. (plus fluide pour les 2 sur firefox que sur chrome)

Pour setInterval avec une fréquence de 10ms passé en arguments, la fonction ne s'exécute souvent que tout les 50 a 100ms voir plus. La fonction passé en argument de setInterval met au maximum 1ms a s'exécuter à chaque "boucle".

le poids des fichiers est en moyenne de 50ko pour le js et de 30ko pout le css.

au niveau du html, l'architecture est assez épaisse (beaucoup de parents) est ce que ça peut venir de ça ?

Je voudrais savoir de quoi ça peut venir ou que quelqu'un me donner une voie de recherche. Je ne comprend vraiment pas.

Merci d'avance pour vos réponses