Optimized stylesheets

05 March 2004   1 comment   This site

https://www.peterbe.com/stylesheet.css

Powered by Fusion×

I have been experimenting recently with HTML optimization but haven't applied it yet. But I have applied this now to my stylsheets. The size gain is 33%! (1577 bytes to 1027 bytes) However, the speed gain involves also the time to perform the optimization so the speed gain will obviously be less than 33%. But the optimization takes, on this slow computer, 0.004 seconds so in approximate terms the speed gain is also 33%. This is on a stylesheet file with some but short and few comments.

The optimization script removes almost all unnecessary whitespace (newline characters included) and all comments. The code for python friends looks like this:

import re
css_comments = re.compile(r'/\*.*?\*/', re.MULTILINE|re.DOTALL)
def _css_slimmer(css):
   css = css_comments.sub('', css)
   css = re.sub(r'\s\s+', '', css)
   css = re.sub(r'\s+{','{', css)
   css = re.sub(r'\s}','}', css)
   css = re.sub(r'}','}\n', css)
   return css

Comments

Thank you for posting a comment

Your email will never ever be published


Related posts

Previous:
World Press Photo, the winners 04 March 2004
Next:
Moving Image Contest for Creative Commons 05 March 2004
Related:
Optimization of QuerySet.get() with or without select_related 03 November 2016
CSS Bloat Comparison 03 June 2016
How to no-mincss links with django-pipeline 03 February 2016
mozjpeg installation and sample 10 October 2015
django-semanticui-form 14 September 2015
Examples of mozjpeg savings 01 September 2015
Introducing optisorl 18 August 2015
Premailer.io 08 July 2015
Python slow-down of exception handling or condition checking 14 May 2015
AJAX or not 22 December 2014