CSS küçültücü için herhangi bir öneriniz var mı? [kapalı]

CSS küçültücü için herhangi bir öneriniz var mı?

Google'da kök salmış olacağım ve biraz deneyeceğim, ancak akıllı, yetkin ve merakla yakışıklı StackOverflow topluluğunun zaten ağır ağırlıkların artılarını ve eksilerini değerlendirmiş olabileceğinden şüphelendim.

YUI Kompresör harika. JavaScript ve CSS üzerinde çalışır. Bunu kontrol et.

YUI Kompresörün bir .NET portu da var :

• Minimize / dosya birleştirmeyi derleme sonrası olaylara entegre etme
• bir TFS Derlemesine entegre edin (CI dahil)
• sadece kendi kodunuzda dll kullanmak istiyorsanız (örn. anında küçültme).

GÜNCELLEME 2011: Ve şimdi NuGet aracılığıyla da mevcut :)

Minify'ı seviyorum . PHP'de ve CSS veya JavaScript ile çalışır.

CSSO şu anda en iyi minifier / optimizer.

Python kullanıyorsanız , muhtemelen YUI Kompresör kadar hızlı olmayan daha ince tavsiye ederim ama csscompressor.net aksine CSS kesmek boğmaz.

Daha ince yazdığım için önyargılıyım ve şu anda saldırıları nasıl ele aldığını görmek için YUI Kompresörü değerlendiriyorum. Crosstips.org kaynağını görüntülerseniz, daha ince bir eylem örneği görülebilir

CSSTidy'e göz atın: http://csstidy.sourceforge.net/usage.php

Ve çevrimiçi: http://cdburnerxp.se/cssparse/css_optimiser.php

Çevrimiçi bir araç arıyorsanız, şunu deneyin: https://csscompressor.net/

Ben C # ultra hızlı bir CSS minifier yazdım. Algoritma Javascript'i kullanmıyor. Bunlar: http://www.ko-sw.com/Blog/post/An-Ultra-Fast-CSS-Minify-Algorithm.aspx .

Kapatma stil sayfalarını deneyin .

Yanında küçültme o da destekler tüylenme , RTL çevirme ve sınıf yeniden adlandırılması .

Ayrıca CSS'ye değişkenler , işlevler , koşullu koşullar ve karışımlar ekleyebilir.

Ayrıca, bu özelliklerin bazılarının ( tek başına çok güçlü olan) Kapatma Araçlarının geri kalanına bağlı olduğunu unutmayın .

PHP bir şey arıyorsanız, bağlantı:

Yağsız Küçült

PHP Fat-Free Framework'ün bir parçası olmasına rağmen, tek başına da kullanılabilir.

İsnoop'un CSS SuperScrub'unun çok iyi çalıştığını görüyorum . Ancak sadece CSS'ye doğrudan bağlantıları doğrudan işleyebilir: / Css kodunu tutmak için tercih ettiğiniz macun hizmetini kullanarak ve sadece SuperScrub'a ham bağlantı vererek bunu çözebilirsiniz.

Siteniz ASP.NET'te ise, sitenizin anında CSS minimasyonu yapmasına izin verebilirsiniz (böylece her değişiklik yaptığınızda bunu manuel olarak yapmanız gerekmez). Örneğin bununla:

http://www.codeproject.com/KB/aspnet/CombineAndMinify.aspx

Perl'de CSS :: Minifier (ve ekstra hız için bir XS sürümü) var.

Diğerleri YUI Compressor'dan, daha sonra .NET portundan bahsetti ve zincire başka bir bağlantı ekleyeceğim. StyleManager , YUI Compressor'ın .NET portunu saran bir sunucu kontrolüdür, böylece ScriptManager'ı kullanmaya alışkın olduğunuz gibi kullanabilirsiniz. CSS sabitleri, arka plan görüntüsü tanımlarınızda tilde (~) çözünürlük vb.Gibi diğer birçok güzel özelliği de ekler. o bir sorun. Bir göz atın - gStyleManager.com

Hala "beta sürümünde", ancak oldukça iyi çalışması gerekir. Her projede arkasındaki kodu kullanıyorum: http://claudiu.phpfogapp.com/ PHP'de yerleşiktir ve ayrıca * .css dosyanızı oldukça büyük bir süre için barındırır, elbette kodunuzu test etmenize izin verecek kadar küçültülmüş css. (Yalnızca sunucuda yer kaplarsa eski css dosyalarını silerim).

CSS ve JS dosyalarını küçülterek ve sıkıştıracak .net web sitelerine bağlanacak bir codeplex projesi var. Microsoft AJAX Minifier ve YUI Kompresörü arasında, YUI'nin biraz daha iyi çıktığını gösteren bir karşılaştırma da var. Microsoft Minifier ve dosyayı büyük ölçüde sıkıştıran sıkıştırmayı birleştiren ek bir varyasyon var.

Her neyse, bağlantı http://xpedite.codeplex.com/wikipage?title=Minifier%20(CSS%2FJavaScript%20Minification%20Handlers )

MVC3 için böyle yaptım: http://mkramar.blogspot.com/2011/08/css-and-javascript-minify-and-combine.html Bu yaklaşımın güzelliği, her şeyi anında gerçekleştirmesidir dosyaları manuel olarak önceden işlemeniz veya derleme sonrası yapılandırmanız gerekmez.

Çevrimiçi bir araç (css'imi kaldıran www.csscompressor.net'ten çok daha iyi): http://www.cssdrive.com/compressor/compress.php mükemmel bir iş çıkarıyor.

C # örneği:

css = css.Replace("\n", "");
css = Regex.Replace(css, @"\s+", " ");
css = Regex.Replace(css, @"\s*:\s*", ":");
css = Regex.Replace(css, @"\s*\,\s*", ",");
css = Regex.Replace(css, @"\s*\{\s*", "{");
css = Regex.Replace(css, @"\s*\}\s*", "}");
css = Regex.Replace(css, @"\s*\;\s*", ";");

zbugs.com sizin için iyi bir çevrimiçi araç olacak, tek bir tıklamayla css'nizi minimize edecek

Paul Irish tarafından en son HTML5BoilerPlate'e göz atın - tüm varlıklarınızı (PNG ve JPG'ler dahil) en aza indirmek için bir oluşturma komut dosyası içerir. Burada bir demo video görebilirsiniz .