วีดีโอ: ทำไมเนทีฟตอบสนองช้ามาก?
2024 ผู้เขียน: Lynn Donovan | [email protected]. แก้ไขล่าสุด: 2023-12-15 23:54
การแสดงผลซ้ำที่ไม่จำเป็นเป็นเหตุผล #1 ที่คนส่วนใหญ่ React Native แอพคือ ช้า . ใช้เครื่องมืออย่างเช่น เหตุใดคุณจึงอัปเดต หรือเพิ่มเบรกพอยต์หรือตัวนับอย่างง่ายใน render() เพื่อตรวจสอบการเรนเดอร์ซ้ำและเพิ่มประสิทธิภาพ
นอกจากนี้แล้ว react native ช้าหรือไม่?
ถ้าคุณวิ่ง React Native บน Android อีมูเลเตอร์ก็จะสวย ช้า . นอกจากนี้ หากคุณเปิดการดีบัก Chrome ไว้ แอปจะทำงานช้าลงมาก
รู้ด้วยว่า Native ตอบสนองช้ากว่าแอพที่มาพร้อมเครื่องหรือไม่ กล่าวโดยย่อ: อาจมีความแตกต่างเล็กน้อยในความโปรดปรานของ แอพเนทีฟ แต่มีโอกาสสูงที่จะไม่สำคัญ React Native แปลงส่วนประกอบ JavaScript ไปยัง Android ดั้งเดิม และ iOS มุมมอง ทำได้โดยใช้บริดจ์พิเศษ จำไว้ React Native อนุญาตให้ผสม JavaScript กับ พื้นเมือง รหัส.
ต่อมา คำถามคือ ฉันจะทำให้ react native เร็วขึ้นได้อย่างไร?
- 6 วิธีง่าย ๆ ในการเร่งความเร็วแอพเนทีฟของคุณ
- ใช้ PureComponent หรือ shouldComponentUpdate
- ใช้แอตทริบิวต์คีย์ในรายการ
- ผูกไว้แต่เนิ่นๆ และไม่สร้างฟังก์ชันภายในการเรนเดอร์
- อย่าอัปเดตสถานะหรือการดำเนินการจัดส่งใน componentWillUpdate
- ใช้ VirtualizedList, FlatList และ SectionList สำหรับชุดข้อมูลขนาดใหญ่
ประสิทธิภาพของการโต้ตอบวัดได้อย่างไร
วิธีที่พบบ่อยที่สุดในการ วัดประสิทธิภาพ ใน React Native แอพคือการใช้ในตัว ประสิทธิภาพ เฝ้าสังเกต. คุณสามารถเปิดได้จากเมนูดีบักในตัวจำลองของคุณโดยคลิกที่ Perf Monitor จะปรากฏในแอปของคุณบนหน้าจอที่เปิดอยู่ในปัจจุบัน