I'm not quite sure why you decided to split the aggregated stylesheet into 2 files (one with embedded images and one without any css images).

The point of this module is to cut down the number of page requests. So why add an unnecessary page request by using 2 stylesheets instead of 1?

Comments

jcarnett’s picture

jcarnett CreditAttribution: jcarnett commented
Status: Active » Closed (works as designed)

By separating the embedded images into their own stylesheet the browser is able to begin rendering the page while the images are still downloading. Even though the actual overhead is slightly higher (+1 request), the perceived performance is better and total page load times can be lower when other assets referenced in the CSS, like fonts, can download in parallel to the relatively large image download.