ฟอนต์ไทยบนเว็บ: ทำไม subset แล้วยังหนัก และทางออกที่ใช้ได้จริง

ฟอนต์ไทยมีสระบนล่างและวรรณยุกต์ทำให้ subset ยาก ลอง 3 วิธีแล้ววัดผล LCP บนมือถือราคาถูก

ฟอนต์ไทยมี glyph เยอะและต้องรองรับการซ้อนสระ/วรรณยุกต์ ทำให้ไฟล์ใหญ่กว่าละตินมาก การ subset แบบง่าย ๆ จึงมักตัดสระที่จำเป็นออกไป

3 วิธีที่ลอง

1) ใช้ font-display: swap + preload ไฟล์ woff2 2) ตัดเฉพาะน้ำหนักที่ใช้ (400/700) 3) ใช้ variable font ตัวเดียวแทนหลายไฟล์

ผลลัพธ์

วิธีที่ 3 ให้ผลดีสุด: ลดจำนวน request และ LCP บน 4G จาก 2.8 s เหลือ 1.6 s แต่ต้องยอมรับขนาดไฟล์เริ่มต้นที่ใหญ่ขึ้น