Ceux qui suivent mes élucubrations sur Twitter ont récemment pu constater deux choses :

• j'adore mélanger les proverbes,
• et je m'intéresse fortement aux chargements asynchrones via RequireJS, principalement de Jquery.

J'ai fait plusieurs essais sur divers sites, et j'en tire quelques enseignements sur deux cas bien distincts.

Mon site personnel est plutôt bien optimisé point de vue performances et plutôt léger :

• une petite dizaine de requêtes tout au plus pour la page d'accueil,
• la CSS est chargée dans le head, quand à Jquery, le fichier est chargé en bas de page.

Je constate qu'utiliser un chargement asynchrone dans mon cas n'apporte que peu ou pas de bénéfice en vitesse de chargement : cette dernière est même ralentie, et ce quel que soit le navigateur.

Autrement dit : ne perdez pas de temps à déployer des chargements asynchrones sur des sites de ce genre, il n'y a aucun bénéfice à en tirer. Travaillez plutôt les performances avec les conseils de bases (mais toujours très valables, cet exemple en est la preuve) des trois articles d'Openweb que j'ai écrits.

Si vous doutiez du bien fondé des conseils de bases d'Introduction à la performance web, vous avez la preuve que les respecter scrupuleusement vous évite dans certains cas d'aller chercher des solutions plus compliquées.

Par contre, j'ai mené des essais sur des sites plus conséquents : plus de requêtes, Jquery et des plugins plus lourds comme Jquery UI ainsi que des pages beaucoup plus complexes.

Là, les résultats sont nettement plus tranchés : les chargements asynchrones font gagner entre une à deux secondes sans rien changer d'autre que la méthode de chargement des fichiers Javascript !

Par contre, si votre site utilise des propriétés Jquery en ligne dans votre code, du fait du chargement asynchrone, cela risque fortement de faire planter vos scripts, il faut traiter ces cas avec beaucoup d'attention. Je me retrouve également confronté au problème sur un site d'une certaine complexité, je travaille à le résoudre d'ailleurs, et je publierai dès que possible des pistes de solutions ici même.