ปัญหาของเมนูปกติใน NextJS
ในบทเรียนที่แล้ว เราได้สร้าง เมนูจากลิงก์ธรรมดา:
export default function Menu() {
return <>
<a href="/">home</a>
<a href="/about">about</a>
<a href="/price">price</a>
<a href="/contacts">contacts</a>
</>;
}
ตอนนี้เรามาพูดคุยถึงปัญหาบางอย่าง ที่เกี่ยวข้องกับสิ่งนี้กัน ประเด็นคือการคลิก ไปที่ลิงก์ในเมนูนี้จะทำให้หน้าเว็บทั้งหมด ถูกโหลดใหม่ ซึ่งเป็นสิ่งที่ถูกต้องในแง่ของ SEO แต่ไม่ค่อยเหมาะสมในแง่ของ ประสิทธิภาพ ประเด็นคือ เมื่อรีเฟรชหน้าเว็บ เราจะต้องดาวน์โหลด เลย์เอาท์ของไซต์ทั้งหมดอีกครั้ง แม้ว่าจะมีเพียงเนื้อหาเท่านั้นที่เปลี่ยนไป วิธีที่เหมาะสมกว่าคือ ดาวน์โหลดเฉพาะเนื้อหาของหน้าเว็บ
NextJS มีวิธีแก้ไขปัญหาเหล่านี้ ไว้แล้ว เราจะพิจารณาวิธีแก้ไขในบทเรียนถัดไป
โปรดตรวจสอบให้แน่ใจว่าการคลิก ไปที่ลิงก์ธรรมดาทำให้เกิด การรีเฟรชหน้าเว็บ
