Mobile version of this page
Save this page in del.icio.usWorld Press Photo, the winners
Next:
Moving Image Contest for Creative Commons
Related blogs
XHTML, HTML and CSS compressorPractical CSS
10 reasons for web standards
slim, a new free web service for white space optimisation
Python optimization anecdote
The problem with CSS
Quick PostgreSQL optimization story
Date formatting in Python or in PostgreSQL (part II)
Fastest way to uniqify a list in Python
Good design examples for a non-blog
Optimize Plone.org with slimmer.py
Gzip and Slimmer optimization anecdote
Related by category
Optimized stylesheets
http://www.peterbe.com/stylesheet.cssoptimization, stylsheets, css, comments, whitespace, stylsheet
4th of March 2004
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:
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
See http://www.peterbe.com/XHTML,HTML,CSS-compressor instead now.