Next.js 16: cache components โหมดใหม่ ลด TTFB ได้จริงแค่ไหน

ทดลองย้ายหน้า landing 20 หน้าไปใช้ cache components เทียบกับ ISR แบบเดิม วัดผลด้วย RUM จริงจากผู้ใช้ไทย

Next.js 16 เปิดตัว cache components ที่แยกส่วน static ออกจาก dynamic ในระดับ component ทำให้หน้าเว็บที่ปนข้อมูลสดและเนื้อหาคงที่ ไม่ต้อง render ใหม่ทั้งหน้า

ผลที่วัดได้

ย้าย landing 20 หน้า: TTFB ลดจาก 320 ms เหลือ 90 ms (p75) และ LCP ลดจาก 1.9 s เหลือ 1.3 s บน 4G ไทย

ข้อควรระวัง

component ที่อ่าน cookie หรือ headers จะกลายเป็น dynamic ทั้งก้อน ถ้าเผลอวางไว้สูงเกินไปจะไม่ได้ประโยชน์ — ควรแยกส่วนที่ต้องใช้ข้อมูลผู้ใช้ออกมาเป็น leaf component