CDN distant: Avantages et inconvénients du regroupement de CSS et de JS
J'aimerais connaître les avantages et les inconvénients du regroupement de fichiers CSS et JavaScript externes. La méthode de regroupement à laquelle je fais référence est souvent vue par les fournisseurs de bibliothèques externes tels que les polices Google et jsDelivr.
Par exemple:
- Google Fonts
<link href="//fonts.googleapis.com/css?family=Inknut+Antiqua|Ravi+Prakash|Roboto">
- jsDelivr
<script src="//cdn.jsdelivr.net/g/[email protected](slideshow/js/supersized.3.2.7.min.js),[email protected],[email protected],[email protected](jquery.fancybox.min.js)"></script><link rel="stylesheet" href="//cdn.jsdelivr.net/g/[email protected](flickr/css/supersized.css),[email protected](flexslider.css),[email protected](jquery.fancybox.min.css)">
Les réponses typiques que je recherche sont une liste des inconvénients et des avantages, c.-à-d. Qu'ils peuvent être cachés, ne peuvent pas être cachés, réduit les demandes côté serveur, augmente en fait le temps de chargement, etc.
Le regroupement de JavaScript et de CSS présente plusieurs avantages.
- Taille plus petite: la compression HTTP gzip est appliquée par demande. Lorsque plusieurs ressources JS ou CSS se trouvent dans la même demande, leurs points communs peuvent être compressés.
- Latence réduite: moins d'allers-retours au serveur. Chaque demande du navigateur nécessite une demande aller-retour au serveur. Le traitement par lots élimine ce temps d’attente de latence supplémentaire
Le seul inconvénient serait que les fichiers ne peuvent pas être récupérés en parallèle. Cependant, l'extraction en parallèle de plusieurs ressources sur le même serveur n'aide généralement pas les performances globales.
Je recommanderais moins de demandes de fichiers combinés plus volumineux. Les avantages l'emportent largement sur les inconvénients.