» Neue CSS Minimierung (Minify) im Einsatz

• Änderungen in der CSS Datei bekommt der Besucher erst mit, wenn die Datei neu geladen wurde (entweder weil das Verfallsdatum abgelaufen ist oder bewusst über STRG + F5). Das kann zu Darstellungsfehlern der Seite führen.
• wer wie wir einen Proxyserver mit Cache einsetzt muss erstmal ein Script schreiben, dass auf dem Proxyserver den Cache löscht, sobald die Datei verändert wurde

• die CSS-Datei wird nur 1x heruntergeladen
• die CSS-Datei ist stets aktuell

• abspeichern unter neuem Namen (sind nur wenige Schritte, aber trotzdem ein Aufwand)
• es müssen in allen Verlinkungen auf die CSS Datei (z.B. im Template) angepasst werden (bei uns 4 verschiedene Dateien)

• die CSS-Datei wird nur 1x heruntergeladen
• die CSS-Datei ist stets aktuell
• man muss die bestehende Datei bei Änderungen nur überschreiben
• dank der durchlaufenden Nummerierung hat man automatisch ein Backup von jedem Änderungsschritt (unverhoffter Vorteil ^^)

body {
  color: black;
  background-color: white;
}

body{color:black;background-color:white}

body{color:#000;background-color:#fff}

div {
  color: black;
  background-color: white;
}
div {
  background-color: white;
}

function css_minify($source, $formatted=false) {
	$source = preg_replace(array(
			// remove comments
			'#/\*.*?\*/#s',
			// reduce whitespace
			'#\s+#',
		), array(
			'',
			' ',
	), $source);
	$source = str_replace(array(
			// remove leading and trailing whitespace at special characters
			' :', ': ', ' ;', '; ', ' ,', ', ', ' {', '{ ', ' }', '} ', '( ', ' )',
			// remove unnecessary semi-colon
			';}',
			// add padding
			':', '}', ';',
			// remove leading whitespace at size formats
			' cm ', ' em ', ' ex ', ' in ', ' mm ', ' pc ', ' pt ', ' px ', ' % ',
			// shorten zero notations
			' 0cm', ' 0em', ' 0ex', ' 0in', ' 0mm', ' 0pc', ' 0pt', ' 0px', ' 0%',
			// shorten floats with leading zero
			' 0.', ' -0.',
			// shorten font-weight
			'font-weight: normal', 'font-weight: bold'
		), array(
			':', ':', ';', ';', ',', ',', '{', '{', '}', '}', '(', ')',
			'}',
			': ', ';}', ' ;',
			'cm ', 'em ', 'ex ', 'in ', 'mm ', 'pc ', 'pt ', 'px ', '% ',
			' 0', ' 0', ' 0', ' 0', ' 0', ' 0', ' 0', ' 0', ' 0',
			' .', ' -.',
			'font-weight: 400', 'font-weight: 700'
	), $source);
	// shorten hex colors
	if (preg_match_all('/ #[0-9a-f]{6}/i', $source, $hexs)) {
		$hexs = array_unique($hexs[0]);
		foreach ($hexs as $h) {
			if ($h[2] == $h[3] && $h[4] == $h[5] && $h[6] == $h[7]) {
				$source = str_replace($h, $h[0] . $h[1] . $h[2] . $h[4] . $h[6], $source);
			}
		}
	}
	// shorten side notations
	if (preg_match_all('/(margin|padding|border-width): ([^;]+) ([^;]+) ([^;]+) ([^;]+) ;/iU', $source, $n)) {
		for ($i = 0; $i < count($n[0]); $i++) {
			if ($n[3][$i] == $n[5][$i]) {
				// margin: 10px 10px 10px 10px => margin: 10px;
				if ($n[3][$i] == $n[2][$i] && $n[3][$i] == $n[4][$i]) {
					$source = str_replace($n[0][$i], $n[1][$i] . ': ' . $n[2][$i] . ' ;', $source);
				}
				// margin: 10px 20px 10px 20px => margin: 10px 20px;
				else if ($n[2][$i] == $n[4][$i]) {
					$source = str_replace($n[0][$i], $n[1][$i] . ': ' . $n[2][$i] . ' ' . $n[3][$i] . ' ;', $source);
				}
				// margin: 10px 20px 15px 20px => margin: 10px 20px 15px;
				else {
					$source = str_replace($n[0][$i], $n[1][$i] . ': ' . $n[2][$i] . ' ' . $n[3][$i] . ' ' . $n[4][$i] . ' ;', $source);
				}
			}
		}
	}
	$source = str_replace(array(
			// shorten css1 color values
			' aqua ',' black ',' blue ',' fuchsia ',' #808080 ',' #008000 ',' lime ',' #800000 ',' #000080 ',
			' #808000 ',' #800080 ',' #f00 ',' #c0c0c0 ',' #008080 ',' white ',' yellow ',
			// remove padding
			': ', ' ;', ';}',
		), array(
			' #0ff ',' #000 ', ' #00f ',' #f0f ',   ' gray ',   ' green ',  ' #0f0 ',' maroon ', ' navy ',
			' olive ',  ' purple ', ' red ', ' silver ', ' teal ',   ' #fff ', ' #ff0 ',
			':', ';', '}'
	), $source);
/*
		// shorten extended colors
		$source = str_replace(array(
			'aliceblue','antiquewhite','aqua','aquamarine','#f0ffff','#f5f5dc','black','blue','blueviolet','#a52a2a',
			'burlywood','cadetblue','chartreuse','chocolate','#ff7f50','cornflowerblue','cornsilk','crimson','darkblue',
			'darkcyan','darkgoldenrod','darkgray','darkgreen','darkkhaki','darkmagenta','darkolivegreen','darkorange',
			'darkorchid','darkred','darksalmon','darkseagreen','darkslateblue','darkslategray','darkturquoise',
			'darkviolet','deeppink','deepskyblue','dimgray','dodgerblue','firebrick','floralwhite','forestgreen',
			'fuchsia','gainsboro','ghostwhite','#ffd700','goldenrod','#808080','#008000','greenyellow','honeydew',
			'hotpink','indianred','#4b0082','#fffff0','#f0e68c','lavender','lavenderblush','lawngreen','lemonchiffon',
			'lightblue','lightcoral','lightcyan','lightgoldenrodyellow','lightgreen','lightgrey','lightpink',
			'lightsalmon','lightseagreen','lightskyblue','lightslategray','lightsteelblue','lightyellow','lime',
			'limegreen','#faf0e6','#800000','mediumaquamarine','mediumblue','mediumorchid','mediumpurple',
			'mediumseagreen','mediumslateblue','mediumspringgreen','mediumturquoise','mediumvioletred','midnightblue',
			'mintcream','mistyrose','moccasin','navajowhite','#000080','oldlace','#808000','olivedrab','#ffa500',
			'orangered','#da70d6','palegoldenrod','palegreen','paleturquoise','palevioletred','papayawhip','peachpuff',
			'#cd853f','#ffc0cb','#dda0dd','powderblue','#800080','#f00','rosybrown','royalblue','saddlebrown','#fa8072',
			'sandybrown','seagreen','seashell','#a0522d','#c0c0c0','skyblue','slateblue','slategray','#fffafa',
			'springgreen','steelblue','#d2b48c','#008080','thistle','#ff6347','turquoise','#ee82ee','#f5deb3','white',
			'whitesmoke','yellow','yellowgreen',
			// weight search
			'font-weight:normal','font-weight:bold'
		), array(
			'#f0f8ff',  '#faebd7',     '#0ff','#7fffd4',   'azure',  'beige',  '#000', '#00f','#8a2be2',   'brown',
			'#deb887',  '#5f9ea0',  '#7fff00',   '#d2691e',  'coral',  '#6495ed',       '#fff8dc', '#dc143c','#00008b',
			'#008b8b', '#b8860b',      '#a9a9a9', '#006400',  '#bdb76b',  '#8b008b',    '#556b2f',       '#ff8c00',
			'#9932cc',   '#8b0000','#e9967a',   '#8fbc8f',     '#483d8b',      '#2f4f4f',      '#00ced1',
			'#9400d3',   '#ff1493', '#00bfff',    '#696969','#1e90ff',   '#b22222',  '#fffaf0',    '#228b22',
			'#f0f',   '#dcdcdc',  '#f8f8ff',   'gold',   '#daa520',  'gray',   'green',  '#adff2f',    '#f0fff0',
			'#ff69b4','#cd5c5c',  'indigo', 'ivory',  'khaki',  '#e6e6fa', '#fff0f5',      '#7cfc00',  '#fffacd',
			'#add8e6',  '#f08080',   '#e0ffff',  '#fafad2',             '#90ee90',   '#d3d3d3',  '#ffb6c1',
			'#ffa07a',    '#20b2aa',      '#87cefa',     '#789',          '#b0c4de',       '#ffffe0',  '#0f0',
			'#32cd32',  'linen',  'maroon', '#66cdaa',         '#0000cd',   '#ba55d3',     '#9370db',
			'#3cb371',       '#7b68ee',        '#00fa9a',          '#48d1cc',        '#c71585',        '#191970',
			'#f5fffa',  '#ffe4e1',  '#ffe4b5', '#ffdead',    'navy',   '#fdf5e6','olive',  '#6b8e23',  'orange',
			'#ff4500',  'orchid', '#eee8aa',      '#98fb98',  '#afeeee',      '#db7093',      '#ffefd5', '#ffdab9',
			'peru',   'pink',   'plum',   '#b0e0e6',   'purple', 'red', '#bc8f8f',  '#4169e1',  '#8b4513',  'salmon',
			'#f4a460',   '#2e8b57', '#fff5ee', 'sienna', 'silver', '#87ceeb','#6a5acd',  '#708090',  'snow',
			'#00ff7f',    '#4682b4',  'tan',    'teal',   '#d8bfd8','tomato', '#40e0d0',  'violet', 'wheat',  '#fff',
			'#f5f5f5',   '#ff0',  '#9acd32'
		), $source);
*/
	// formatted output
	if ($formatted) {
		$source = str_replace(array(
				// add linebreak after declaration blocks
				'}',
				// add linebreak before nested declaration blocks (buggy)
				'{#', '{.'
			), array(
				"}\n",
				"{\n#", "{\n."
		), $source);
	}
	return trim($source);
}

• erweiterte Farbpalette
• IE6: Pseudoklassen (:first-line und :first-letter) benötigen Leerzeichen
• leere Deklarationsblöcke löschen (div{})
• Nachkommastellen entfernen, falls Null (10.0px)
• positives Vorzeichen entfernen (+10px)
• Anführungszeichen bei url() entfernen (url("image.jpg"))
• RGB in HEX wandeln
• alle Deklarationen in Kleinbuchstaben wandeln (spart bei Komprimierung, falls gemixt)
• Leerzeichen vor !important entfernen
• eingebettetes Javascript komprimieren
• margin-left/-right/-top/-bottom in Einfachschreibweise wandeln (auch bei padding, border, font usw.)
• CSS Kommentarhacks erhalten

Mach mit!