Très joli, mais je ne suis pas très fort pour les compliments, je préfère les critiques
Comme indiqué plus haut (je confirme):
1- créer des preloads pour les zones mobiles
2- recompresser les images, utiliser PNG Optimizer pour transformer les GIFs en PNG optimisés (et songer à réduire le nombre de couleurs, tes boutons sont en GIF 256 couleurs alors qu'ils n'en utilisent pas plus de 10-15) (*)
3- les grosses images ou celles avec énormément de couleurs (celles dans la page "objets" par exemple) devraient être compressées en JPEG (~q60 je pense), non en GIF/PNG qui ne sont pas adaptés aux images "photographiques"
4- Si on utilise un navigateur sans CSS (ou qu'on désactive la feuille de style) on a plus de menu
Utiliser FIR ou LIR pour faire du remplacement d'images, actuellement c'est franchement pas utilisable
5- Utiliser LIR pour remplacer un titre en texte par sa version image au lieu d'utiliser un tag <img>, et penser à utiliser les headers (<h1> à <h6>) et non un <div id="titre">
6- D'ailleurs, penser à utiliser les ids et non les classes, il y a trop de classes qui ne devraient pas en être
7- La barre à gauche n'a rien à faire dans un tag <img>, c'est un fond d'écran qui n'apporte rien au document
8- Trop de <div> inutiles: le <div> qui entoure le <ul> n'a aucun intérêt, le <div id="conteneur"> non plus, ...
9- le meta keywords n'est quasiment pas utilisé par les moteurs de recherche, et pas sur plus de 4 ou 5 keywords
10- Sur la page de lieu (qui devrait plutôt se nommer "contacts"), là encore bien trop de divs partout, la carte devrait utiliser une <map> ou une map CSS, l'adresse devrait utiliser un bloc <address> et non un div
En fait, tu souffres de deux maladies communes couvertes sur Alsa
la divite et la classite
deux pointeurs:
1- div et span sont des éléments génériques qui n'ont pas de sens sémantique par eux mêmes, ils ne doivent être utilisés qu'en dernier recours et uniquement quand nécessaires
2- les classes sont à utiliser quand on veut donner un style identique à plusieurs éléments d'une même page (éléments identiques ou pas), si il n'y a qu'un seul élément auquel on doit appliquer le style sur chaque page (un menu par exemple, ou un pied de page), utiliser un "id", bien plus efficace et optimisé
Et deux conseils pour finir:
1- Fuir tiscali, le JS qu'ils rajoutent est...
2- Utiliser un doctype strict plutôt que transitional
*: Après conversion de l'image "atelier-fleur.gif" en 32 couleurs (256 à l'origine) puis passage dans PNGOptimizer, on descend de 2 897 à 1 085 octets sans perte de qualité visible, si on passe à 16 couleurs on arrive à ~750 octets au prix d'une légère perte de qualité. Les autres boutons donneraient plus que probablement le même résultat, et la conversion des photos en JPEG permettrait probablement de diviser par 2 leur taille (les images "filigrane.gif" et "vince-au-boulot.gif" descendent de 25ko à ~10ko en JPEG qualité 80 via XnView)
Modifié par Masklinn (23 Mar 2005 - 12:19)
).