surfup

Pre-rendering สำหรับ SPA: ใช้เมื่อใดและตรวจสอบอย่างไร

ตรวจ SSR และ prerender, URL โดยตรง และ HTML ที่ได้รับจริง

ใช้ขั้นตอนเหล่านี้เป็นรายการตรวจสอบสำหรับการทำงาน และปรับให้เหมาะกับหลักฐาน ขอบเขต และข้อจำกัดของโครงการ

ขั้นตอนปฏิบัติ

  • เปิด URL โดยไม่เรียกใช้ JavaScript แล้วบันทึก HTML ต้นฉบับ
  • ตรวจว่า response มี title, description, canonical และข้อความหลักที่ไม่ซ้ำกัน
  • ทดสอบการเปิดเส้นทางซ้อนโดยตรงและตรวจ response จากเซิร์ฟเวอร์
  • เปรียบเทียบ HTML ก่อนและหลัง hydration มองหาเนื้อหาซ้ำและสถานะว่าง
  • ตรวจซ้ำบนเส้นทางมือถือและหลังสร้าง production build