Archive pour mars 2008

Rappeler la base

Lundi 31 mars 2008

Il est toujours bon de rappeler l’essentiel. Je propose donc à ceux qui ne l’ont pas fait de découvrir les règles et priorités de l’équipe performance de Yahoo!.

Vous y trouverez un total de 34 pistes ou directives, classées par ordre de priorité. Si vous avez déjà en tête les 14 premières, vous évitez déjà les écueils principaux ceci dit.

Parmi les 20 suivantes, certaines viennent naturellement à l’esprit. D’autres sont tellement évidentes qu’on se demande pourquoi on n’y a pas pensé. J’aime par exemple particulièrement la première « flush the buffer early» .

Si votre contenu risque de mettre longtemps à charger, imposez l’envoi des entêtes de votre document et de la structure principale. Le navigateur pourra repérer les composants utiles comme les feuilles de style et télécharger le tout en attendant la suite.

Ce n’est pas grand chose mais c’est tellement simple à faire…

 

Impact de la latence réseau

Dimanche 30 mars 2008

Après avoir parlé hier des stratégies d’optimisation, parlons rapidement de ce qu’il y a à gagner. Je me concentre sur la stratégie la plus fréquente : tenter de regrouper nos ressources dans des gros fichiers globaux.

Pour l’exemple, j’ai arbitrairement utilisé le blog de Frédéric de Villamil. La page semble assez rapide à charger. Concrêtement, de chez moi, je met environ 500 ms à charger les composants internes (je ne compte donc pas le tag Google analytics et les images Flickr). (Lire la suite…)

Stratégies d’optimisation du cache

Samedi 29 mars 2008

Deux règles principales pour la performance des sites web sont de réduire le nombre de requêtes HTTP et de limiter la taille des données qu’on télécharge.

Malheureusement ces deux règles entre parfois en conflit. Si je fais un gros fichier unique pour toutes mes CSS, je vais inclure des règles qui seront inutiles pour la page courante, et qui augmenteront inutilement la taille totale à télécharger. (Lire la suite…)

Impact du cache HTTP

Samedi 29 mars 2008

Le cache HTTP permet aux visiteurs de ne pas re-télécharger les pages ou les éléments de pages qui l’ont déjà été. C’est un des meilleurs mécanismes pour accélérer l’accès du navigateur au contenu mais il est mis en échec par de nombreux cas. (Lire la suite…)