Je charge une page contenant des fichiers JavaScript et CSS provenant de plusieurs iframes intégrées à mon application Flex. Ces fichiers JavaScript et CSS sont-ils chargés plusieurs fois dans le navigateur pour chaque iframe? Si oui, comment puis-je l'éviter ou quelles sont les meilleures pratiques?Chargement de fichiers JavaScript/CSS
Merci
Voici donc un test sur JSBin: http://jsbin.com/olome5/edit
I chargé dans la page d'accueil de Google 3 fois, en utilisant différents iframes.
Comme vous pouvez le voir sur l'image ci-dessous, les ressources JS ont été chargées 3 fois, même s'il s'agissait exactement des mêmes fichiers - non chargés depuis le cache. Cela signifie que les ressources introduites via vos iframes, du moins si elles sont introduites simultanément, sont toutes chargées.
Comment vous pouvez éviter ce scénario, je ne suis pas sûr. Au lieu d'utiliser iframes, vous pouvez utiliser AJAX pour charger le contenu directement dans le DOM de votre page de conteneur, de cette façon, le JS/CSS devra seulement être chargé dans la page de conteneur et s'appliquer à tous les éléments chargés dedans. Bien sûr, cela est difficile pour JS, car tout le contenu apporté devrait alors être reloué après leur introduction, etc. Cela peut être facilité avec quelque chose comme jQuery, mais quand même n'est pas une petite quantité d'effort.