ตัวย่อและจัดรูปแบบ CSS/JS
ย่อโค้ดสำหรับโปรดักชันหรือจัดรูปแบบเพื่อความสามารถในการอ่าน
โค้ดอินพุต
ผลลัพธ์ที่ประมวลผล
0 B
ขนาดต้นฉบับ0 B
ขนาดผลลัพธ์0%
การประหยัด0
บรรทัดที่ลบตัวอย่างการใช้งาน
การย่อ CSS
บีบอัดไฟล์ CSS โดยลบความคิดเห็น ช่องว่าง และปรับแต่งกฎสำหรับการใช้งานในโปรดักชัน
body { margin: 0; padding: 0; font-family: Arial; }...
การจัดรูปแบบ JS
แปลง JavaScript ที่ย่อแล้วเป็นโค้ดที่อ่านได้และมีการเยื้องอย่างเหมาะสมสำหรับการดีบักและพัฒนา
function UserManager(){this.users=[];this.nextId=1}...
บิลด์โปรดักชัน
เตรียมโค้ด JavaScript สำหรับโปรดักชันโดยลบความคิดเห็นและช่องว่างที่ไม่จำเป็น
const AppConfig = { apiBaseUrl: "https://api.example.com" }...
คุณสมบัติ
การย่อ CSS
ลบความคิดเห็น ช่องว่าง และปรับแต่งกฎ CSS
การย่อ JS
บีบอัด JavaScript โดยรักษาลิเทอรัลสตริง
การจัดรูปแบบโค้ด
จัดรูปแบบโค้ดที่ย่อแล้วด้วยการเยื้องที่เหมาะสม
การวิเคราะห์ขนาด
เปรียบเทียบขนาดต้นฉบับและผลลัพธ์พร้อมเปอร์เซ็นต์การประหยัด
วิธีใช้งาน
เลือกโหมด
เลือกโหมด CSS หรือ JavaScript ตามประเภทโค้ดของคุณ
ป้อนโค้ด
วางโค้ดของคุณในพื้นที่อินพุตหรืออัปโหลดไฟล์
ประมวลผล
คลิกย่อเพื่อบีบอัดหรือจัดรูปแบบเพื่อฟอร์แมตโค้ด
ใช้ผลลัพธ์
คัดลอกโค้ดที่ประมวลผลหรือดาวน์โหลดเป็นไฟล์
คำถามที่พบบ่อย
ตัวย่อและจัดรูปแบบ CSS/JS คืออะไร?
คะแนน PageSpeed กำลังร่วงเพราะ CSS และ JS ที่ไม่ได้ย่อ? วางโค้ด กดย่อ แล้วได้เวอร์ชันพร้อมใช้งานที่ตัดส่วนเกินทั้งหมดออก หรือกลับกัน - จัดรูปแบบโค้ดที่ย่อแล้วเมื่อต้องดีบักความยุ่งเหยิงที่ถูกบีบอัดของคนอื่น
ประโยชน์ของการใช้ตัวย่อ CSS/JS
คุณสามารถลดขนาดไฟล์ CSS และ JS ได้ 30-80% ซึ่งสร้างความแตกต่างจริงๆ ในเวลาโหลดหน้าเว็บ ตัวจัดรูปแบบช่วยชีวิตเมื่อคุณพยายามเข้าใจโค้ดบุคคลที่สามที่ถูกย่อ ทุกอย่างประมวลผลในเบราว์เซอร์ - ไม่มีโค้ดถูกอัปโหลดไปไหน