I'd like to know the pros and cons of grouping external CSS and JavaScript files. The grouping method I'm referring to often seen by external libraries providers such as Google fonts and jsDelivr.For example:Google Fonts<link href=//fonts.googleapis.com/css?family=Inknut+Antiqua|Ravi+Prakash|Roboto>jsDelivr<script src=//cdn.jsdelivr.net/g/jquery.supersized@3.2.7(slideshow/js/supersized.3.2.7.min.js),jquery@3.2.1,flexslider@2.6.3,fancybox@2.1.5(jquery.fancybox.min.js)></script><link rel=stylesheet href=//cdn.jsdelivr.net/g/jquery.supersized@3.2.7(flickr/css/supersized.css),flexslider@2.6.3(flexslider.css),fancybox@2.1.5(jquery.fancybox.min.css)>Typical answers I'm looking for is a list of the cons and pros, i.e cachable, not cacheable, reduces server-side requests, actually increases load time and so on.
Remote CDN: Pro's and Cons of grouping CSS and JS
html;css;javascript;cdn;best practices