การเปลี่ยนเส้นทางทำให้ความเร็วในการโหลดหน้าเว็บของคุณช้าลง เมื่อเบราว์เซอร์ขอทรัพยากรที่มีการเปลี่ยนเส้นทาง เซิร์ฟเวอร์มักจะส่งคืนการตอบสนอง HTTP เช่นนี้
HTTP/1.1 301 Moved Permanently
Location: /path/to/new/location
จากนั้นเบราว์เซอร์จะต้องสร้างคำขอ HTTP อีกครั้งที่ตำแหน่งใหม่เพื่อเรียกคืนทรัพยากร การเดินทางเพิ่มเติมทั่วทั้งเครือข่ายอาจทำให้การโหลดทรัพยากรล่าช้าหลายร้อยมิลลิวินาที
วิธีที่การตรวจสอบการเปลี่ยนเส้นทางหลายครั้งของ Lighthouse ล้มเหลว
Lighthouse จะแจ้งหน้าที่มีการเปลี่ยนเส้นทางหลายครั้ง ดังนี้
หน้าเว็บไม่ผ่านการตรวจสอบนี้เมื่อมีการเปลี่ยนเส้นทาง 2 ครั้งขึ้นไป
วิธีกำจัดการเปลี่ยนเส้นทาง
ชี้ลิงก์ไปยังทรัพยากรที่มีการแจ้ง ไปยังตำแหน่งปัจจุบันของทรัพยากร การหลีกเลี่ยงการเปลี่ยนเส้นทางในทรัพยากรที่จำเป็นสำหรับเส้นทางการแสดงผลที่สำคัญโดยเฉพาะ
หากคุณใช้การเปลี่ยนเส้นทางเพื่อเปลี่ยนเส้นทางผู้ใช้อุปกรณ์เคลื่อนที่ไปยังหน้าเวอร์ชันอุปกรณ์เคลื่อนที่ ลองออกแบบเว็บไซต์ใหม่เพื่อใช้การออกแบบที่ปรับเปลี่ยนตามอุปกรณ์
คำแนะนำเฉพาะกลุ่ม
โต้ตอบ
หากคุณกำลังใช้ React Router ให้ลดการใช้คอมโพเนนต์ <Redirect> ในการไปยังส่วนต่างๆ ของเส้นทาง