תוכן עניינים:

למה התגובה מהירה יותר?
למה התגובה מהירה יותר?

וִידֵאוֹ: למה התגובה מהירה יותר?

וִידֵאוֹ: למה התגובה מהירה יותר?
וִידֵאוֹ: מה יותר מהיר? מאה קמ"ש או מאה קמ"ש? 2024, נוֹבֶמבֶּר
Anonim

מכיוון ש-ReactJS עוזר למנוע עדכון של DOM, זה אומר שהאפליקציות יהיו מהר יותר ולספק UX טוב יותר. ReactJS תוכנן לעזור לשפר את סך הדפים המעובדים משרת האתר. חוץ מזה, הוא משתמש בצמתים לעיבוד בצד הלקוח.

כמו כן, מדוע להגיב וירטואלית דום מהיר יותר?

לְהָגִיב הוא מָהִיר כי זה רק עושה מניפולציות על DOM כמה שצריך. עדכון שינויים זה הרבה מהר יותר מאשר לבנות מחדש את כולו DOM עץ מאפס. זה מסוגל לעשות את זה כי זה שומר על DOM וירטואלי ייצוג מהפעם האחרונה שבה עדכנו או עיבוד הרכיב שלנו בזיכרון.

כמו כן, מדוע להגיב טוב יותר? הנה כמה סיבות למה להגיב הפך לפופולרי כל כך מהר: קשה לעבוד עם DOM API. לְהָגִיב בעצם נותן למפתחים את היכולת לעבוד עם דפדפן וירטואלי שהוא ידידותי יותר מהדפדפן האמיתי. של תגובה דפדפן וירטואלי מתנהג כמו סוכן בין המפתח לדפדפן האמיתי.

כמו כן, מדוע התגובה מהירה יותר מזווית?

גודל אפליקציה וביצועים - זוויתי יש יתרון קל בגלל DOM וירטואלי, אפליקציות ReactJS מבצעות מהיר יותר מ-AngularJS אפליקציות באותו גודל. גַם, זוויתי יש גודל אפליקציה קטן יותר בהשוואה ל לְהָגִיב עם Redux באותו מחקר: גודל ההעברה שלו הוא 129 KB, בעוד לְהָגִיב + Redux הוא 193 KB.

כיצד אוכל להפוך את אפליקציית התגובה שלי למהירה יותר?

21 טכניקות אופטימיזציה של ביצועים עבור אפליקציות React

  1. שימוש במבני נתונים בלתי ניתנים לשינוי.
  2. פונקציה/רכיבים חסרי מצב ומגיבים.
  3. מספר קבצי נתח.
  4. השתמש ב-React.
  5. הימנע מהגדרת פונקציה מוטבעת בפונקציית העיבוד.
  6. פעולת מצערת ושחרור אירוע ב-JavaScript.
  7. הימנע משימוש באינדקס כמפתח למפה.
  8. הימנעות מאביזרים במדינות התחלתיות.

מוּמלָץ: