En avril je vous parlais du packer de Dean Edwards qui permet de miniser le code javascript avant envoi. J’émettais un doute sur l’option base62. Avec cette option le code javascript est codé avant envoi. Une fois ce javascript reçu, le navigateur va le décoder, puis utiliser eval() pour l’exécuter. C’est tout sauf transparent pour le client, surtout que pendant ce temps de traitement supplémentaire, c’est tout le rendu et les téléchargements de la page qui sont bloqués. (Lire la suite…)
Archive pour juin 2008
Attention aux compresseurs javascript
Lundi 30 juin 2008Des sprites jusqu’à plus soif
Mardi 17 juin 2008Ceux qui ont utilisé les jeux vidéo il y a 10 ou 15 ans connaissent forcément les sprites. Pour économiser les ressources on regroupe toutes les icônes et les images dans un ou plusieurs fichiers. Le résultat c’est une sorte de tableau d’images, le jeu utilise alors simplement une partie de cette image à chaque fois qu’il a besoin d’une icône.
Tout est une question de ressources disponibles, à l’époque on parlait de mémoire occupée et d’accès disque. Plusieurs années après, le Web a les mêmes problématiques : la poids et le nombre d’éléments à charger impactent directement et fortement les performances des pages. Il est donc logique qu’on utilise les mêmes solutions. (Lire la suite…)
Désactiver les ETags ?
Mercredi 11 juin 2008Après un test de votre site sur Yslow vous retrouvez une recommandation qui vous propose de désactiver les ETags. Une recherche rapide vous mène sur les pages de l’équipe performance de Yahoo! qui vous disent la même chose.
Qu’est ce qu’un ETag ?
Un ETag sert au serveur web à identifier une ressource et sa version. La valeur d’un ETag est libre, la seule contrainte est que l’ETag soit unique pour une URL donnée. Deux versions d’un même document auront donc deux ETags différents ; dans le temps la valeur d’un ETag ne devrait pas changer si le document lui même n’évolue pas. (Lire la suite…)
DOM et autres innerHTML
Vendredi 6 juin 2008Un petit peu de Javascript ? C’est Peter-Paul Koch aussi dit PPK qui lance la question sur Quicksmode il y a trois mois. Il tente de comparer diverses méthodes pour ajouter du contenu à une page, et plus spécifiquement innerHTML et les fonctions DOM (par DOM j’entend appendChild, createElement et associés). (Lire la suite…)
Images, PNG et GIF
Mercredi 4 juin 2008Et si on parlait un peu des images ? du point de vue des performances web, toujours.
Sur un site classique comme TF1, Amazon, LeMonde, on dépasse les 100 images sur la page d’accueil, pour un total de près de 300ko. Les sites plus au fait des problèmes de performance ont entre 30 et 50 images mais le poids total est encore souvent supérieur à 100ko.
- TF1 : 108 images pour 300ko
- Amazon : 106 images pour 300ko
- LeMonde : 102 images pour 250ko
- Yahoo : 45 images pour 126ko
- Ebay : 30 images pour 160ko