หลีกเลี่ยงการเปลี่ยนเส้นทางหลายหน้า

การเปลี่ยนเส้นทางจะทำให้หน้าเว็บโหลดได้ช้าลง เมื่อเบราว์เซอร์ขอทรัพยากรที่มีการเปลี่ยนเส้นทาง เซิร์ฟเวอร์มักจะส่งคืนการตอบกลับ HTTP ในลักษณะนี้

HTTP/1.1 301 Moved Permanently
Location: /path/to/new/location

จากนั้นเบราว์เซอร์ต้องส่งคำขอ HTTP อีกครั้งในตำแหน่งที่ตั้งใหม่ เพื่อเรียกข้อมูลทรัพยากร การเดินทางข้ามเครือข่ายเพิ่มเติมนี้อาจทำให้การโหลดล่าช้า หลายร้อยมิลลิวินาที

วิธีที่การตรวจสอบการเปลี่ยนเส้นทางหลายรายการของ Lighthouse ล้มเหลว

Lighthouse แจ้งหน้าที่มีการเปลี่ยนเส้นทางหลายครั้ง ดังนี้

หน้าเว็บไม่ผ่านการตรวจสอบนี้เมื่อมีการเปลี่ยนเส้นทางอย่างน้อย 2 ครั้ง

วิธีกำจัดการเปลี่ยนเส้นทาง

ชี้ลิงก์ไปยังทรัพยากรที่มีการแจ้งว่าไม่เหมาะสม ทรัพยากรมากขึ้น ตำแหน่งปัจจุบัน การหลีกเลี่ยงการเปลี่ยนเส้นทางในทรัพยากรต่างๆ มีความสำคัญอย่างยิ่ง ที่จำเป็นสำหรับเส้นทางการแสดงผลวิกฤติ

หากคุณกำลังใช้การเปลี่ยนเส้นทาง เพื่อนำผู้ใช้อุปกรณ์เคลื่อนที่มายังหน้าเว็บเวอร์ชันอุปกรณ์เคลื่อนที่ ลองพิจารณา การออกแบบเว็บไซต์ใหม่เพื่อใช้ การออกแบบที่ปรับเปลี่ยนตามอุปกรณ์

คำแนะนำเฉพาะสแต็ก

โต้ตอบ

หากคุณใช้ React Router ให้ลดการใช้คอมโพเนนต์ <Redirect> สำหรับ การนำทางตามเส้นทาง

แหล่งข้อมูล