Commentaires sur : Styles avec et sans Javascript https://performance.survol.fr/2008/08/styles-avec-et-sans-javascript/ Quelques mots pour des sites web rapides Fri, 29 Aug 2008 22:52:57 +0000 hourly 1 https://wordpress.org/?v=5.2.3 Par : Louis https://performance.survol.fr/2008/08/styles-avec-et-sans-javascript/#comment-307 Fri, 29 Aug 2008 22:52:57 +0000 http://performance.survol.fr/?p=105#comment-307 WordPress a mangé mon code. Le code complet était :

<script type= »text/javascript »>
document.body.className +=  » js »;
</script>

]]>
Par : mat https://performance.survol.fr/2008/08/styles-avec-et-sans-javascript/#comment-306 Tue, 12 Aug 2008 11:16:32 +0000 http://performance.survol.fr/?p=105#comment-306 Louis: ta solution est crade par contre 🙂 (document.write, en plein milieu de la page…)

Faudrait que je teste la méthode de Eric, j’ai déjà eu des problèmes avec du JS executé un peu trop tôt et ca foirait lors des accès DOM, mais je sais plus si c’était sur body.

]]>
Par : Louis https://performance.survol.fr/2008/08/styles-avec-et-sans-javascript/#comment-305 Mon, 11 Aug 2008 13:33:13 +0000 http://performance.survol.fr/?p=105#comment-305 Je suis content de retrouver une réflexion que j’ai déjà eu. Ce qui est amusant ici, c’est que j’ai eu une démarche différente.

Toi, tu modifie l’HTML — et visiblement cela pose quelques problèmes — pour marquer les balises html ou body, alors que moi j’ai décidé de préciser directement le CSS en ligne, puisque le JS ne modifie souvent que très peu le rendu final de la page (en cachant un élément par exemple).

Mon billet là dessus.

Bien sûr, ma méthode ne s’adapte pas aux cas où les changements post-JS sont très importants.

]]>
Par : Country https://performance.survol.fr/2008/08/styles-avec-et-sans-javascript/#comment-304 Sat, 09 Aug 2008 00:39:23 +0000 http://performance.survol.fr/?p=105#comment-304 Heu, oui, petite correction. Comprendre body à la place de /body dans mon précédent message.

Pour l’id je suis d’accord, c’était juste histoire de rester cohérent avec la spec HTML. Au niveau de la souplesse c’est vrai, mais j’ai envi de dire que je n’ai jamais eu besoin de cumuler plusieurs spécialités sur l’élément HTML (contrairement à body).

]]>
Par : Éric https://performance.survol.fr/2008/08/styles-avec-et-sans-javascript/#comment-303 Fri, 08 Aug 2008 13:23:17 +0000 http://performance.survol.fr/?p=105#comment-303 Il s’agit bien de mettre juste après l’ouverture du body, pas juste après la fermeture (j’ai un doute en te lisant).

Le gros javascript est mieux placé avant la fermeture du body, par contre les petites lignes dont je parle leur but c’est de faire en sorte que la page « ressemble à la version finale » le plus tôt possible; Si on les met à la fin de la page, le visiteur aura une page avec un style « sans CSS » (trois boites les unes au dessous des autres au lien d’un module en trois onglets par exemple) et verra la page changer complètement au bout d’un moment. C’est ce que je veux éviter.

Utiliser un id ne changera normalement rien, si tu peux modifier l’identifiant tu peux aussi modifier la classe. Utiliser une classe permet d’être plus souple (on peut avoir plusieurs classes pour plusieurs usages, alors que mettre « js » en identifiant ne permet pas de cumuler plusieurs spécialités)

]]>
Par : Country https://performance.survol.fr/2008/08/styles-avec-et-sans-javascript/#comment-302 Fri, 08 Aug 2008 13:12:12 +0000 http://performance.survol.fr/?p=105#comment-302 Je n’ai jamais eu de problème en plaçant le script après body, mais je trouve plus « propre » (après, tout est subjectif) de placer cette ligne avant /body plutôt qu’après.

Sinon pour palier pour au problème d’attribut j’utilise non pas une class mais un id sur l’élément html.

]]>