5 ms·
I believe stylesheets must be downloaded first before any further rendering can be done. Therefore you block rendering until all images have finished downloadi
by jeff18 16y ago
I believe stylesheets must be downloaded first before any further rendering can be done. Therefore you block rendering until all images have finished downloading, while a traditional external image sprite can be downloaded asynchronously.
- jra101 16y agoI imagine you could put your base64 encoded images in a separate CSS file to solve this, but then you are back up to one extra HTTP request like CSS sprites.
- mcav 16y agoThis Yahoo post thinks that stylesheets don't block the browser, typically: http://developer.yahoo.net/blog/archives/2007/07/high_performanc_4.html http://developer.yahoo.net/blog/archives/2007/07/high_perfor...
- andrewingram 16y agoI was going to make this point on the OP but my comment wasn't posted (yet?) There are ways around it (define all your background images at the end of the CSS file for example), but I think it's a bit early to be declaring data-urls the holy grail of page performance.
- cheald 16y agoStylesheets only block rendering if they're included after <script> tags (which is ySlow recommends that you link them prior to linking script tags!)