อะไรคือ CSS / JS Minify

CSS / JS Minify คือการย่อส่วนขนาดของไฟล์ CSS & JS ให้มีขนาดเล็กลง โดยใช้วิธีการนำเอา “Whitespace” ออก คือในไฟล์ js and css เนี่ย เวลาเขียนให้คนอ่านง่าย (ในเรื่องของการ maintain code) เวลานักพัฒนาเขียนกันก็จะเขียนกันประมานนี้

{
“paste”: “some json result here”
}
จะเห็นว่าจะมีการจัด Format ให้มันสามารถง่ายต่อการอ่านของคน แต่ปัญหาคือ เวลาคอมพิวเตอร์มันอ่านมันไม่ได้อ่านแบบคน แล้วการทำแบบนี้มันทำให้ทำงานช้าเนื่องจากว่ามี Whitespace เยอะ ซึ่งในหนั่งไฟล์ก็มีเยอะมากๆ การทำ minify ก็คือการเอา code อย่างข้างบน มาทำเป็นแบบนี้ในเว็บไซต์
{“paste”: “some json result here”}
จะเห้นว่า การทำ minify นี่เอา Whitespace (ในที่นี้ก็คือ enter การขึ้นบรรทัดใหม่” ออกทั้งหมด มันจะดีในเชิงให้คอมอ่าน แต่ไม่เป็นมิตรกับนักพัฒนาเฉยๆ ซึ่งส่วนนี้ก็ใช้ปลั้กอินแคชต่างๆ (Wp Rocket ก็ทำได้) มาเปิด minify ได้เลย จะทำให้คะแนน Google Pagespeed ดี (แต่บางเคสก็มีโอกาสเปิดแล้วพังนะ ก็ต้องให้นักพัฒนาที่เราได้จ้างไว้ หรือ เจ้าของ Themes ที่ใช้งาน แก้กันไป

Was this article helpful?

Related Articles