HTML5 c'est la balise video, HTML5 c'est les CSS3, HTML5 c'est Canvas
etc.
Pfiou... un peu pénible. J'ai pourtant trouvé pour les francophones des pages très pertinentes mais qui se trouvent enfouies sous les buzz autour d'Apple, de Flash, que sais-je encore...
Pour guider les internautes en quête d'informations et d'explications techniques j'ai eu une idée.
C'est donc à la portée de tout le monde.
La preuve avec ces 3 sites utilisant, entre autres propriétés, Transforms, Box Shadow et RGBa, devant lesquels j'ai salivé ce dernier dimanche :
Un designer CSS qui louchait sur ma feuille de styles ce matin, m'a fait cette remarque : Pour bien faire et t'assurer de la comptabilité actuelle et future de ta feuille de styles, tu devrais, pour chacune des propriétés, faire une déclaration spécifique pour chaque navigateur.
Allons bon ! Dans l'absolu il n'a pas tort. Déjà qu'HTML5 est bien verbeux (ça me fait penser qu'après le ménage de printemps que j'ai fait à mon code, ce serait intéressant que je publie un billet là-dessus pour qu'on en discute), s'il faut multiplier les déclarations on va se retrouver avec des CSS ballonnées.
C'est la question que je me suis posée le weekend dernier en pratiquant à l'aide d'YSlow et de PageSpeed des optimisations visant à améliorer les temps de chargement des pages.
Et là : question. Comment vais-je faire pour réduire la taille de la police caractères que je sers via la propriété de ma CSS, @font-face ?
La zipper ? Bien sûr. Mais comment ? C'est que ça finit par peser lourd ces fontes. De 100 à 200 Ko en général. Mais jusqu'à 1 Mo pour les plus fantaisistes. 2, 3 polices et vous avez la page aussi chargée que l'haleine d'un gendarme après une séance de Pastis avec ses collègues.