A look into the practice of placing CSS within the head of a HTML page vs external CSS file and how it affects page performance.
Throughout my development years, the default practice has been to place all CSS in an external minified CSS. Then place this CSS file on a CDN, which would help improve loading time by hosting this file on multiple servers, one of which maybe geographically closer to the user and thus load quicker (reducing latency).
Original post: What’s with putting the CSS in the head?