JavaScript / CSS บีบอัด · Minify
บีบอัดและลดขนาดซอร์สโค้ด JavaScript และ CSS
คุณสมบัติ
บีบอัดได้ทั้ง JS และ CSS
ลดขนาดซอร์สของทั้งสองภาษาด้วยการสลับแท็บ
ลบคอมเมนต์และช่องว่างพร้อมกัน
ลดการขึ้นบรรทัดและเซมิโคลอนที่ไม่จำเป็นโดยอัตโนมัติ
แสดงปริมาณที่ลดเป็นตัวเลข
แสดงขนาดก่อนและหลังบีบอัดพร้อมอัตราการลดทันที
รักษาสตริงและ regular expression
บีบอัดอย่างปลอดภัยโดยไม่ทำลายลิเทอรัลในโค้ด
วิธีใช้
เลือกภาษาที่จะบีบอัด
เลือกภาษาที่จะบีบอัดจากแท็บ JavaScript และ CSS
ป้อนซอร์สโค้ด
วางโค้ดในช่องป้อน หรือทดลองด้วยปุ่มตัวอย่าง
ดำเนินการด้วยปุ่มบีบอัด
สร้างผลลัพธ์ที่บีบอัดแล้วโดยลบช่องว่างและคอมเมนต์ออก
ตรวจสอบและบันทึกผลลัพธ์
ตรวจสอบโค้ดหลังบีบอัดและอัตราการลด แล้วรับด้วยการคัดลอกหรือดาวน์โหลด
ตัวอย่างการใช้งาน
เร่งการแสดงผลเว็บไซต์
ลดขนาดไฟล์ JS และ CSS เพื่อย่นเวลาในการโหลด
ขั้นตอนสุดท้ายก่อนเผยแพร่
ลดขนาดแอสเซตสำหรับรีลีสเพื่อควบคุมต้นทุนการส่งมอบ
ประหยัดปริมาณข้อมูลมือถือ
บีบอัดปริมาณข้อมูลที่ส่งสำหรับสภาพแวดล้อมมือถือเพื่อประหยัด
ทำให้ซอร์สโค้ดอ่านยาก
ลบข้อมูลการจัดรูปแบบเพื่อทำให้ซอร์สอ่านได้ยากขึ้น
ความรู้พื้นฐาน
ความแตกต่างระหว่าง Minify และ Obfuscation
Minify คือกระบวนการลบช่องว่าง บรรทัดใหม่ และความเห็นออกมาเพื่อลดขนาดไฟล์ ผลลัพธ์จึงอ่านยากขึ้น แต่สิ่งนี้แตกต่างจาก Obfuscation ซึ่งมีจุดประสงค์เพื่อป้องกันการถอดรหัส โดยการแทนที่ชื่อตัวแปรหรือแปลงโครงสร้าง
ความสัมพันธ์กับการบีบอัด gzip
Minify และการบีบอัด gzip หรือ Brotli ด้านเซิร์ฟเวอร์สามารถใช้พร้อมกันได้ และการใช้ทั้งคู่คือแนวทางปฏิบัติที่ดี เนื่องจากขนาดไฟล์ดั้งเดิมจะลดลงด้วย Minify จากนั้นจะถูกบีบอัดเพิ่มเติมระหว่างการส่งข้อมูล ผลกระทบจึงทำให้มีประสิทธิภาพสูงขึ้น
ความปลอดภัยและความเป็นส่วนตัว
ประมวลผลภายในเบราว์เซอร์
ข้อมูลที่ป้อนจะถูกประมวลผลภายในเบราว์เซอร์ของคุณเท่านั้น และจะไม่ถูกส่งออกไปภายนอก
การประมวลผลเฉพาะในเบราว์เซอร์เท่านั้น
การบีบอัดโค้ดดำเนินการทั้งหมดในเบราว์เซอร์ของคุณ ข้อมูลอินพุตจะไม่ถูกส่งไปยังเซิร์ฟเวอร์
การสื่อสารเข้ารหัสด้วย HTTPS
การโหลดหน้าเว็บเข้ารหัสด้วย TLS บุคคลที่สามไม่สามารถอ่านเนื้อหาได้
ไม่มีการส่งไปยังบุคคลที่สาม
ไม่ส่งเนื้อหาอินพุตไปยังบริการภายนอก เช่น เครือข่ายโฆษณาหรือตัวติดตามข้อมูล
ไม่มีการบันทึกผลลัพธ์อัตโนมัติ
ไม่มีการเก็บ อินพุตและผลลัพธ์การบีบอัด หรือข้อเสนอแนะอินพุตไว้ในเซิร์ฟเวอร์
ติดตามรับข้อมูล RAKKOTOOLS ผ่าน Google ค้นหา
เครื่องมือสะดวก 175 รายการจะสามารถค้นหาได้ง่ายขึ้นจากการค้นหา Google และการค้นหา AI!
- พบได้ในการค้นหา
- แสดงผลในการค้นหา AI
- ค้นพบเครื่องมือใหม่
ข้อมูลอัปเดต
- update #216
แก้ไขปัญหาที่ข้อความภาษาญี่ปุ่นปรากฏบนหน้าเพจในภาษาอื่นของเครื่องมือบางตัว
- update #162
แก้ไขปัญหาที่สีแบบโปร่งใสใน CSS Minifier ไม่ทำงานในบางเบราว์เซอร์
- update #86
แก้ไขปัญหาเลย์เอาต์ที่เสียหายจากการสูญหายของช่องว่างในตัวเลือก CSS Minifier
- update #27
แก้ไขปัญหาการส่งออกในเครื่องมือบีบอัด เช่น การแยกตัวระบุ JavaScript และการแตกหักของตัวเลือกลูกหลาน CSS
- update #7
เครื่องมือย่อ JS/CSS คงช่องว่างที่จำเป็นในนิพจน์และมีเดียคิวรี