CSS-Tricks เปิดตัวเวอร์ชัน 20 ยกเครื่องเว็บไซต์ครั้งใหญ่

หลังจากสั่งสมประวัติศาสตร์ยาวนานถึง 19 ปี เว็บไซต์สำหรับนักพัฒนาชื่อดังอย่าง CSS-Tricks ได้ฤกษ์ประกาศเปิดตัวการอัปเดตครั้งสำคัญในเวอร์ชัน 20 แม้ว่าที่ผ่านมาเว็บไซต์จะไม่ได้หยุดนิ่งและมีการทยอยส่งฟีเจอร์ใหม่ออกมาอย่างต่อเนื่องโดยเฉพาะตั้งแต่ปี 2024 เป็นต้นมา แต่การปัดกวาดทำความสะอาดโครงสร้างครั้งใหญ่ก็เป็นสิ่งจำเป็นที่รอไม่ได้อีกต่อไป ทีมงานจึงตัดสินใจลงมือรีเฟรชระบบเบื้องหลังทั้งหมดเพื่อเตรียมรับอนาคต

การเปลี่ยนแปลงส่วนใหญ่ในเวอร์ชัน 20 นี้เป็นงานที่มองไม่เห็นจากภายนอก เริ่มต้นจากการขุดคุ้ยและเคลียร์โค้ดขยะสะสมที่ตกค้างมาตั้งแต่ยุคบุกเบิก ซึ่งช่วยให้การเรียกใช้งานเทอร์มินัลและการพัฒนาต่อจากนี้มีความสะอาดและรวดเร็วยิ่งขึ้นอย่างไร้ที่ติ นอกจากนี้ยังมีการทำความสะอาดไดเรกทอรีของธีม ทำให้การเข้าไปตรวจสอบหรือแก้ไขโค้ดในอนาคตมีความน่ากลัวน้อยลงกว่าเดิมมาก

ภาพประกอบจากคลังภาพสต็อก ไม่ใช่ภาพจากเหตุการณ์จริง

ในด้านความปลอดภัย (Security Pass) ซึ่งมักเป็นงานที่หลายคนหลีกเลี่ยง ทางทีมงานได้ใช้ความช่วยเหลือจาก Claude เข้ามาช่วยทำ holistic audit เพื่อตรวจสอบบันทึกการอัปเดตความปลอดภัยล่าสุดของ WordPress พร้อมทั้งแก้ไขจุดบกพร่องของ custom field และปรับความแข็งแกร่งให้กับธีมให้สอดคล้องกับมาตรฐานปัจจุบัน

อีกหนึ่งจุดเปลี่ยนสำคัญคือการเขียนโค้ด Sass ใหม่ทั้งหมด แม้ว่าผู้พัฒนาจะยังคงชื่นชอบการใช้งาน partials แต่ก็ต้องแลกมาด้วยการประนีประนอมบางประการ ขนาดไฟล์ CSS รวมลดลงจากเดิม 180 KB เหลือเพียง 169 KB โดยอาศัยเทคนิคแยกสไตล์ของฟอร์มไปไว้ในไฟล์ forms.css เฉพาะหน้าที่มีการเรียกใช้งานปลั๊กอินอย่าง WooCommerce, Restrict Content Pro และ Gravity Forms เท่านั้น นอกจากนี้ยังมีการสร้างระบบดีไซน์แบบย่อมๆ จัดระเบียบค่าคงที่ และปรับปรุงสไตล์ลิงก์ให้สอดคล้องกันทั่วทั้งเว็บไซต์เพื่อเสริมเรื่องการเข้าถึง (accessibility)