คำแนะนำใด ๆ สำหรับ CSS minifier? [ปิด]

คำแนะนำใด ๆ สำหรับ CSS minifier?

ฉันจะหยั่งรากรอบ ๆ Google และทดลองใช้งาน แต่ฉันสงสัยว่าชุมชน StackOverflow ที่ชาญฉลาดมีความเชี่ยวชาญและมีความอยากรู้อยากเห็นอาจประเมินข้อดีและข้อเสียของรุ่นใหญ่แล้ว

ยูอิคอมเพรสเซอร์เป็นที่ยอดเยี่ยม ใช้งานได้กับ JavaScript และ CSS ลองดูสิ

นอกจากนี้ยังมี. NET พอร์ตของ YUI Compressorซึ่งช่วยให้คุณ: -

• intergrate minification / file ที่รวมเข้าไปใน Visual Studio post-build events
• รวมเข้ากับ TFS Build (รวมถึง CI)
• หากคุณต้องการใช้ dll ในโค้ดของคุณเอง (เช่นในการลดขนาด)

อัพเดท 2011: และตอนนี้สามารถใช้งานได้ผ่าน NuGet แล้ว :)

ฉันชอบลดขนาด ใน PHP และทำงานกับ CSS หรือ JavaScript

CSSOเป็น minifier / optimizer ที่ดีที่สุด

ถ้าคุณใช้ Python ฉันขอแนะนำslimmerซึ่งอาจไม่เร็วเท่ากับ YUI Compressor แต่ต่างจาก csscompressor.net จะไม่ทำให้หายใจไม่ออกบน CSS

ฉันลำเอียงเพราะฉันเขียนให้ผอมลงและตอนนี้ฉันกำลังประเมิน YUI Compressor เพื่อดูว่ามันจัดการกับแฮ็กได้อย่างไร ตัวอย่างของ slimmer in action สามารถเห็นได้หากคุณดูแหล่งที่มาของ crosstips.org

ลองใช้ CSSTidy: http://csstidy.sourceforge.net/usage.php

และออนไลน์ได้ที่: http://cdburnerxp.se/cssparse/css_optimiser.php

หากคุณกำลังมองหาเครื่องมือออนไลน์ลองใช้สิ่งนี้: https://csscompressor.net/

ฉันได้เขียน minifier CSS ที่เร็วเป็นพิเศษใน C # อัลกอริทึมไม่ได้จัดการ Javascript แม้ว่า พระองค์นี้: http://www.ko-sw.com/Blog/post/An-Ultra-Fast-CSS-Minify-Algorithm.aspx

ลองปิด-สไตล์ชีต

ข้างminificationนอกจากนี้ยังสนับสนุนlinting , RTL พลิกและเปลี่ยนชื่อชั้น

นอกจากนี้ยังสามารถเพิ่มตัวแปร , ฟังก์ชั่น , เงื่อนไขและmixinsเพื่อ CSS

นอกจากนี้โปรดทราบว่าคุณลักษณะเหล่านี้บางอย่างขึ้นอยู่กับส่วนที่เหลือของเครื่องมือปิด (ซึ่งมีประสิทธิภาพมากด้วยตนเอง)

หากคุณกำลังมองหาบางอย่างใน PHP นี่คือลิงค์: -

ลดไขมันฟรี

แม้ว่ามันจะเป็นส่วนหนึ่งของ PHP Fat-Free Framework แต่ก็สามารถใช้แบบสแตนด์อะโลนได้

ฉันพบว่าCSS SuperScrubของ isnoop ทำงานได้ดีมาก มันสามารถจัดการลิงค์โดยตรงไปยัง CSS ออนไลน์ได้แม้ว่า: / คุณสามารถแก้ไขได้โดยใช้บริการ pastebin ที่คุณต้องการเพื่อเก็บรหัส css และเพียงแค่ให้ SuperScrub ลิงก์ดิบ

หากเว็บไซต์ของคุณอยู่ใน ASP.NET คุณสามารถปล่อยให้ไซต์ของคุณทำการลดขนาด CSS ได้อย่างรวดเร็ว (ดังนั้นคุณไม่จำเป็นต้องทำด้วยตนเองทุกครั้งที่คุณทำการเปลี่ยนแปลง) ตัวอย่างเช่นนี้:

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

Perl มีCSS :: Minifier (และรุ่น XS สำหรับความเร็วพิเศษ)

คนอื่น ๆ ได้พูดถึง YUI Compressor จากนั้นพอร์ต. NET ของมันและฉันจะเพิ่มลิงค์อื่นไปยังเชน StyleManagerเป็นตัวควบคุมเซิร์ฟเวอร์ที่ตัดค่า. NET พอร์ตของ YUI Compressor เพื่อให้คุณสามารถใช้งานได้เหมือนกับที่คุณคุ้นเคยกับการใช้ ScriptManager มันเพิ่มคุณสมบัติที่ดีอื่น ๆ อีกมากมายเช่นค่าคงที่ CSS, ความคมชัดของ tilde (~) ที่มีในคำจำกัดความภาพพื้นหลังของคุณ ฯลฯ ฯลฯ มันแน่นมีเอกสารที่ดีและฉันใช้มันกับโปรเจคล่าสุดของฉันด้วย o ปัญหา ลองดู - gStyleManager.com

ยังคง "เป็นเบต้า" แต่ควรทำงานได้ดีพอสมควร ฉันใช้รหัสที่อยู่เบื้องหลังมันในทุกโครงการ: http://claudiu.phpfogapp.com/มันสร้างขึ้นใน PHP และยังโฮสต์ไฟล์ * .css ของคุณไว้เป็นระยะเวลานานพอที่จะให้คุณทดสอบโค้ดของคุณด้วย css ที่ย่อ (ฉันจะลบไฟล์ css เก่าเท่านั้นหากพื้นที่มีผู้คนหนาแน่นบนเซิร์ฟเวอร์)

มีโปรเจ็กต์ codeplex ที่จะเชื่อมต่อกับเว็บไซต์. net ที่จะย่อขนาดและบีบอัด CSS และไฟล์ JS นอกจากนี้ยังมีการเปรียบเทียบระหว่าง Microsoft AJAX Minifier กับ YUI Compressor ซึ่งแสดงว่า YUI ออกมาดีกว่าเล็กน้อย มีรูปแบบพิเศษซึ่งรวม Microsoft Minifier และการบีบอัดที่รุนแรง srunk ไฟล์

อย่างไรก็ตามการเชื่อมโยงคือ http://xpedite.codeplex.com/wikipage?title=Minifier%20(CSS%2FJavaScript%20Minification%20Handlers )

นี่คือวิธีที่ฉันทำกับ MVC3: http://mkramar.blogspot.com/2011/08/css-and-javascript-minify-and-combine.html ความงามของวิธีการนี้คือทั้งหมดที่ทำได้ทันที และคุณไม่จำเป็นต้องประมวลผลไฟล์ล่วงหน้าด้วยตนเองหรือกำหนดค่าโพสต์บิลด์

เครื่องมือออนไลน์ (ดีกว่า www.csscompressor.net ซึ่งเป็นแม่แบบ css ของฉัน): http://www.cssdrive.com/compressor/compress.phpทำได้ดีมาก

ตัวอย่าง C #:

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จะเป็นเครื่องมือออนไลน์ที่ดีสำหรับคุณมันจะลดขนาด css ของคุณในคลิกเดียว

ดูHTML5BoilerPlateล่าสุดโดย Paul Irish - มีสคริปต์สร้างเพื่อย่อเนื้อหาทั้งหมดของคุณ (รวมถึง PNG และ JPG) คุณสามารถดูวิดีโอสาธิตที่นี่