Liste de bonnes pratiques pour le développement web

Catswhocode propose une liste de 10 bonnes pratiques pour les développeurs développement web (coté front) :

- Commenter les div lors de leur fermeture
- Utiliser un CSS reset
- Ne pas utiliser @import
- Utiliser le service Smush It pour ses images
- Ne pas mélanger CSS en HTML
- Ne pas mélanger JS en HTML
- Utiliser des commentaires conditions / hacks pour certaines versions de navigateurs



- Placer les appels de fichiers JS juste avant le </body>
- Déployer un balisage semantique

ouch! côté perf on repassera sur trois points.

- les commentaires en html ça augmente le poids des pages, sur un serveur de dev ok, mais pas en prod.
- css reset (oui quand ça se justifie) sinon encore du code useless .
- ne pas mélanger html css et js ?? aie... là c'est carrément un mauvais conseil, y'a un discussion à ce sujet sur le groupe google de page speed. en clair si vous utilisez des .js / .css de moins de 500 octets, mieux vaut les mettre directement dans le html ça évite d'envoyer inutilement des entêtes HTTP, on gagne en vitesse de chargement.

Thomas

Tes remarques me semblent pertinentes mais il faut distinguer plusieurs sortes de bonnes pratiques.
Ici l'auteur semble malheureusement mélanger les 2.

Ainsi une bonne pratique afin de faciliter la compréhension de code, sa portabilité ou sa maintenance peut être une mauvaise pratique en terme de performance.