{"id":153,"date":"2013-10-29T14:12:35","date_gmt":"2013-10-29T14:12:35","guid":{"rendered":"http:\/\/cs-f.biz\/?p=153"},"modified":"2013-10-29T14:12:35","modified_gmt":"2013-10-29T14:12:35","slug":"stylesheets-komprimieren-mit-css-compressor","status":"publish","type":"post","link":"https:\/\/www.cs-f.biz\/blog\/stylesheets-komprimieren-mit-css-compressor\/","title":{"rendered":"Stylesheets komprimieren mit CSS Compressor"},"content":{"rendered":"<p>Dass auch heutzutage (in Zeiten von DSL und schnelleren Internetverbindungsarten) Datenlast eine gro\u00dfe Rolle spielt, sollte jedem klar sein, der schon mal mit dem Handy auf eine Webseite gelangt ist, die mehr als zehn Sekunden ben\u00f6tigt hat, um vollst\u00e4ndig zu laden. Es ist also nach wie vor eine wichtige Aufgabe von Web EntwicklerInnen, darauf zu achten, dass keine unn\u00f6tigen Bits und Bytes zum Anwender \u00fcbertragen werden.<!--more--><\/p>\n<p>Bilder, Sounds und Videos komprimieren? Klar. Sprites und Iconfonts statt Grafiken einsetzen? Auch klar. HTTP-Requests auf ein Minimum beschr\u00e4nken? Logisch. <\/p>\n<p>Dass man auch Quelltext komprimieren kann, war mir seit den Sp\u00e4tneunzigern bewusst (&#8222;HTML Tidy&#8220;), aber eingesetzt habe ich es bisher nie. Wahrscheinlich war es mir immer wichtiger, eine les- und editierbare HTML- oder PHP-Datei auf dem Kundenserver liegen zu haben, um bei einer sp\u00e4teren \u00c4nderung nicht erst die &#8222;un-minifizierte&#8220; Version jeder zu \u00e4ndernden Datei heraussuchen zu m\u00fcssen.<\/p>\n<p>Wenn ich aber bedenke, wie viele Kilobytes man durch Kompression von HTML-, PHP-, JS-, CSS- und sonstigen Dateien, die Quelltext und somit in der Regel Kommentare, Wei\u00dfraum und weitere komprimierbare Elemente enthalten, sparen k\u00f6nnte und wie sehr es mich selbst nervt, wenn ich mobil surfe und die Webseiten mal wieder wie mit dem Akkustikkoppler empfangen hereintr\u00f6pfeln, sollte ich mir angew\u00f6hnen, diesen Schritt &#8212; Kompression von Quelltextdateien &#8212; ebenfalls noch zu gehen.<\/p>\n<p>Diesen CSS-Kompressor hier habe ich durch einen Hinweis in Peter M\u00fcllers Buch &#8222;Flexible Boxes&#8220; gefunden: <a href=\"http:\/\/www.csscompressor.com\/\" title=\"CSS Compressor\" target=\"_blank\">CSS Compressor<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Dass auch heutzutage (in Zeiten von DSL und schnelleren Internetverbindungsarten) Datenlast eine gro\u00dfe Rolle spielt, sollte jedem klar sein, der schon mal mit dem Handy auf eine Webseite gelangt ist, die mehr als zehn Sekunden ben\u00f6tigt hat, um vollst\u00e4ndig zu laden. Es ist also nach wie vor eine wichtige Aufgabe von Web EntwicklerInnen, darauf zu [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-153","post","type-post","status-publish","format-standard","hentry","category-web-design-2"],"_links":{"self":[{"href":"https:\/\/www.cs-f.biz\/blog\/wp-json\/wp\/v2\/posts\/153","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cs-f.biz\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.cs-f.biz\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.cs-f.biz\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cs-f.biz\/blog\/wp-json\/wp\/v2\/comments?post=153"}],"version-history":[{"count":0,"href":"https:\/\/www.cs-f.biz\/blog\/wp-json\/wp\/v2\/posts\/153\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.cs-f.biz\/blog\/wp-json\/wp\/v2\/media?parent=153"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.cs-f.biz\/blog\/wp-json\/wp\/v2\/categories?post=153"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.cs-f.biz\/blog\/wp-json\/wp\/v2\/tags?post=153"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}