Next.js 13.5 มีเวลาการเริ่มต้นและรีเฟรชที่รวดเร็วขึ้น และลดการใช้หน่วยความจำ การนำเข้าแพ็กเกจยังได้รับการปรับให้เหมาะสมสำหรับไลบรารีขนาดใหญ่อีกด้วย
โดยเวอร์ชัน 13.5 ได้ปรับปรุงเวลาหรือความเร็วในการเริ่มต้นเซิร์ฟเวอร์ภายในเครื่องขึ้น 22% ซึ่งช่วยให้นักพัฒนาทำซ้ำได้เร็วขึ้นด้วย App Router และ Pages Router
นับตั้งแต่ Next.js 13.4 เปิดตัวในเดือนพฤษภาคมที่ผ่านมา ด้านทีมงาน Vercel ได้มุ่งเน้นไปที่การปรับปรุงประสิทธิภาพและความน่าเชื่อถือของแอปพลิเคชัน App Router
สิ่งที่โดดเด่นในรุ่น Next.js 13.5
สำหรับสิ่งที่โดดเด่นในรุ่น Next.js 13.5 คือ HMR ที่เร็วกว่า (การเปลี่ยนโมดูลด่วนหรือที่รู้จักกันทั่วไปในชื่อ Fast Refresh)
โดยมีรายงานว่ารุ่นใหม่จะให้การทำซ้ำเร็วขึ้น 29% เมื่อบันทึกการเปลี่ยนแปลง การใช้หน่วยความจำลดลง 40% และมีการแก้ไขข้อบกพร่องมากกกว่า 438 รายการสำหรับรุ่นนี้!
อีกทั้งเวอร์ชัน 13.5 ยังปรับการนำเข้าแพ็กเกจให้เหมาะสม ปรับปรุงทั้งประสิทธิภาพการพัฒนาในเครื่อง และการเริ่มต้นใช้งานจริง เมื่อใช้ไอคอนขนาดใหญ่หรือไลบรารีส่วนประกอบ หรือการขึ้นต่อกันอื่นๆ ที่ส่งออกโมดูลนับร้อยหรือนับพันอีกครั้ง!
อย่างไรก็ตามคำแนะนำในการปรับใช้สำหรับ Next.js มีอยู่ที่ Vercel.com โดยการอัปเกรดสามารถทำได้ผ่านคำสั่งต่อไปนี้.
npm i next@latest react@latest react-dom@latest eslint-config-next@latest
สำหรับ Next.js มีตำแหน่งเป็นเฟรมเวิร์ก React สำหรับการพัฒนาเว็บ โดยจะสรุปและกำหนดค่าเครื่องมือสำหรับไลบรารี React JavaScript โดยอัตโนมัติ เช่น การคอมไพล์และการรวมกลุ่ม Next.js มีความสามารถต่างๆ เช่น
-
การสตรีม HTML แบบไดนามิก
-
การสนับสนุน CSS
-
การเรนเดอร์ไคลเอนต์และเซิร์ฟเวอร์
อย่างไรก็ตาม การดึงข้อมูลและส่วนประกอบของเซิร์ฟเวอร์ React Next.js 13.5 ยังเพิ่มฟังก์ชันทดลองใหม่ unstable_getImgProps() เพื่อรองรับกรณีการใช้งานขั้นสูง
โดยไม่ต้องใช้คอมโพเนนต์ <image> โดยตรง รวมถึงการทำงานกับภาพพื้นหลังหรือชุดรูปภาพ
ทั้งนี้ ด้านบริษัทได้ระบุว่า Next.js นำเสนอผลงานของนักพัฒนา 2,800 คน เช่นเดียวกับทีมงานหลักของ Vercel และพันธมิตรในอุตสาหกรรม รวมถึง Google และ Meta
สรุปง่ายๆ
1. การเริ่มต้นเซิร์ฟเวอร์ภายในเครื่องเร็วขึ้น 22%: ทำซ้ำเร็วขึ้นด้วยเราเตอร์ App & Pages
2. HMR เร็วขึ้น 29% (รีเฟรชด่วน): เพื่อการวนซ้ำที่เร็วขึ้นเมื่อบันทึกการเปลี่ยนแปลง
3. การใช้หน่วยความจำน้อยลง 40%: วัดเมื่อรันการสตาร์ทครั้งถัดไป
4. การนำเข้าแพ็กเกจที่ปรับให้เหมาะสม: อัปเดตเร็วขึ้นเมื่อใช้งานไอคอนยอดนิยมและไลบรารีส่วนประกอบ
5. การปรับปรุงถัดไป/ภาพ: <picture> การกำกับภาพ และการรองรับโหมดมืด
6. แก้ไขข้อบกพร่องมากกว่า 438 รายการ!
---Wynnsoft Solution รับทำเว็บไซต์ รับทำ SEO รับทำการตลาดออนไลน์ รับทำโฆษณา Facebook รับทำเว็บไซต์ ขอนแก่น และรับทำเว็บไซต์ทั่วประเทศ—
ข้อมูลจาก: nextjs.org infoworld