ทำไมการตอบสนองจึงเร็วกว่า?

2024 ผู้เขียน: Lynn Donovan | [email protected]. แก้ไขล่าสุด: 2023-12-15 23:54

เนื่องจาก ReactJS ช่วยป้องกันการอัปเดต DOM ซึ่งหมายความว่าแอปจะ เร็วขึ้น และส่งมอบ UX ที่ดีขึ้น ReactJS ได้รับการออกแบบมาเพื่อช่วยปรับปรุงหน้าที่แสดงผลทั้งหมดจากเซิร์ฟเวอร์เว็บไซต์ นอกจากนี้ยังใช้โหนดเพื่อแสดงผลทางฝั่งไคลเอ็นต์

ในทำนองเดียวกัน เหตุใด Virtual Dom จึงตอบสนองได้เร็วกว่า

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

ในทำนองเดียวกันทำไมปฏิกิริยาจึงดีกว่า? นี่คือเหตุผลบางประการ ทำไมต้องรีแอค ได้รับความนิยมอย่างรวดเร็ว: การทำงานกับ DOM API นั้นยาก ปฏิกิริยา โดยพื้นฐานแล้วทำให้นักพัฒนาสามารถทำงานกับเบราว์เซอร์เสมือนที่เป็นมิตรมากกว่าเบราว์เซอร์จริง React's เบราว์เซอร์เสมือนทำหน้าที่เสมือนตัวแทนระหว่างผู้พัฒนาและเบราว์เซอร์จริง

ทำไมปฏิกิริยาจึงเร็วกว่าเชิงมุม?

ขนาดและประสิทธิภาพของแอป – เชิงมุม มีข้อได้เปรียบเล็กน้อยเนื่องจาก DOM เสมือน แอป ReactJS ทำงาน เร็วกว่า AngularJS แอพที่มีขนาดเท่ากัน อีกด้วย, เชิงมุม มีขนาดแอพที่เล็กกว่าเมื่อเทียบกับ ปฏิกิริยา ด้วย Redux ในการวิจัยเดียวกัน: ขนาดการถ่ายโอนคือ 129 KB ในขณะที่ ปฏิกิริยา + Redux คือ 193 KB

ฉันจะทำให้แอปตอบโต้เร็วขึ้นได้อย่างไร

21 เทคนิคการเพิ่มประสิทธิภาพสำหรับแอปตอบโต้

1. การใช้โครงสร้างข้อมูลที่ไม่เปลี่ยนรูป
2. ฟังก์ชัน/ส่วนประกอบไร้สัญชาติและปฏิกิริยา
3. ไฟล์หลายชิ้น
4. ใช้ปฏิกิริยา
5. หลีกเลี่ยงคำจำกัดความของฟังก์ชันอินไลน์ในฟังก์ชันเรนเดอร์
6. การควบคุมปริมาณและการดีบาวซ์ของเหตุการณ์ใน JavaScript
7. หลีกเลี่ยงการใช้ดัชนีเป็นคีย์สำหรับแผนที่
8. หลีกเลี่ยงอุปกรณ์ประกอบฉากในสถานะเริ่มต้น