<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>1000ff &#187; optimizer</title>
	<atom:link href="http://1000ff.de/tag/optimizer/feed/" rel="self" type="application/rss+xml" />
	<link>http://1000ff.de</link>
	<description>Neue Medien</description>
	<lastBuildDate>Sun, 08 Aug 2010 18:17:54 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>CSS Optimizer: Stylesheets per Mausklick verkleinern</title>
		<link>http://1000ff.de/css-optimizer-stylesheets-per-mausklick-verkleinern/</link>
		<comments>http://1000ff.de/css-optimizer-stylesheets-per-mausklick-verkleinern/#comments</comments>
		<pubDate>Tue, 04 Nov 2008 15:17:38 +0000</pubDate>
		<dc:creator>Simon</dc:creator>
				<category><![CDATA[Allgemein]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[optimizer]]></category>
		<category><![CDATA[tools]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://1000ff.de/?p=699</guid>
		<description><![CDATA[Da ich gerade selbst an einem neuen Wordpress-Design arbeite, aber trotzdem nach wie vor kein absoluter CSS-Experte bin, kommt dieses Tool genau zum richtigen Zeitpunkt:

Der CSS Optimizer (sorry, für das NSFW-Bild im Header kann ich nichts) entfernt automatisch alle Überflüssigkeiten und doppelte Einträge aus Stylesheets. Die Größe der CSS-Datei wird verringert und damit auch Ladezeit [...]]]></description>
			<content:encoded><![CDATA[<p>Da ich gerade selbst an einem neuen Wordpress-Design arbeite, aber trotzdem nach wie vor kein absoluter CSS-Experte bin, kommt dieses Tool genau zum richtigen Zeitpunkt:</p>
<p style="text-align: center;"><img class="aligncenter" src="http://1000ff.de/img/css-optimizer.png" alt="Css-optimizer in "  /></p>
<p>Der <a title="CSS Optimizer" href="http://flumpcakes.co.uk/css/optimiser/">CSS Optimizer</a> (sorry, für das NSFW-Bild im Header kann ich nichts) entfernt automatisch alle Überflüssigkeiten und doppelte Einträge aus Stylesheets. Die Größe der CSS-Datei wird verringert und damit auch Ladezeit und Traffic der Webseite.</p>
<p>Durch die Optimierung hat sich mein gesamtes Stylesheet um sagenhafte <strong>23%</strong> verkleinert.</p>
<p><strong>Vorher:</strong></p>
<p><code>body {</code><br />
<code>color: #333333;</code><br />
<code>background-color: #FFFFFF;</code><br />
<code>margin: 1px 2px 1px 2px;</code><br />
<code>}</code></p>
<p><strong>Nachher:</strong></p>
<p><code>body {</code><br />
<code>color: #333;</code><br />
<code>background: #FFF;</code><br />
<code>margin: 1px 2px;</code><br />
<code>}</code></p>
<p>Leider gibt es einen großen Nachteil bei der Optmierungsgeschichte: Sämtliche Kommentare, die normalerweise dem besseren Verständnis des Codes dienen, verschwinden.<br />
Da nun bei Wordpress im oberen Teil von <code>style.css</code>-Dateien grundlegende Informationen zum Theme stehen (Name, Autor, Version, Links etc.), sollte man diese gar nicht erst mit &#8220;optimieren&#8221; lassen und sie stattdessen einfach später wieder einfügen.</p>
<p><em>Update:</em> Es geht auch besser! Bei <a href="http://www.cleancss.com/">Clean CSS</a> kann u.a. eingestellt werden, dass die Kommentare beibehalten werden. (Danke @ <a href="http://1000ff.de/css-optimizer-stylesheets-per-mausklick-verkleinern/#comment-22332">fraencko</a>)</p>
<p>Und noch ein letzter Tipp: Auch wenn in diesem Punkt viel Potenzial zur Einsparung besteht, sollte der Haken bei &#8220;Pretty Print&#8221; gesetzt bleiben, wenn man noch weiter am Stylesheet arbeiten möchte (oder plant das Theme zu veröffentlichen), der Übersichtlichkeit wegen. Die Benutzer des Themes werden es dir danken!</p>
<p>Wenn ihr das Stylesheet eures Blogs optimiert habt: <strong>Schreibt eure Ergebnisse hier in die Kommentare!</strong></p>
]]></content:encoded>
			<wfw:commentRss>http://1000ff.de/css-optimizer-stylesheets-per-mausklick-verkleinern/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>
