אהלן,

אני בונה אפליקצית ווב שמשתמשת בJS בצד לקוח כדי לעשות כל מני מניפולציות על מידע (שמיוצר ב PHP). הרעיון הוא שיש לי רשימה גדולה של נתונים כאשר לכל נתון יש checkbox שמאפשר לבחור אותו, ויש אפשרות להוציא את הנתונים ולשמור לקובץ.

בנוסף (וכאן בעצם הבעיה העיקרית), לכל נתון יש כמה מאפיינים, שלפיהם יש אפשרות לעשות MASS CHECK. הפונקציות האלו משתמשות ב getElementById על רשימה ארוכה של IDים, שנוצרים בצד שרת לפי המאפיינים של הנתונים. דוגמא, אם קיים נתון עם id=a_2_3, והוא נחשב נתון "רלוונטי" אז ירשם ב JS:

קוד:

var relevant_ids = ['a_2_3', 'a_1_3', ... ]

כאשר אני עובד על כמות נתונים קטנה, אין לי בעיה והכל עובד לי מצוין. הבעיה קיימת רק כשאני מכניס מעל 4000 שורות של נתונים (המערכת אמורה לפעול בצורה סבירה תחת עומס של 8000 נתונים), ורק בפעם הראשונה שאני קורא לפונקציות האלה. מה שקורה זה שהדפדפן נתקע לזמן מסוים (לפי בדיקות, בין חצי דקה לדקה עבור בדיקה), ולפעמים אפילו אני מקבל הודעה ש"לסקריפט לוקח יותר מדי זמן לעבוד, האם אני רוצה לעצור אותו".

לפי מה שהבנתי, לדפדפן יש איזה מנגנון CACHE שגורם ל getElementById לעבוד מהר יותר אחרי פעם אחת, ולכן הדפדפן נתקע רק בפעמים הראשונות שאני משתמש ב masschecks.

האם למישהו יש עצה איך לייעל את הקריאות? אני לא מצליח לחשוב על דרך אחרת לשנות מאפיינים של קבוצה של אלמנטים בלי להשתמש ב getElementById.

אגב, מה שכן הצלחתי לעשות זה להחשיך את המסך (ע"י DIV נסתר ותמונה של LOADING), אבל הדפדפן עדיין נתקע ולא נותן להגיב.

תודה למי שקרא עד לפה

!!אזהרה!!

ההודעה עלולה להכיל שברי אגוזים ו/או איברי דגים כלשהם

!!אזהרה!!

אתה מוכן לבדוק אם הבעייה מתרחשת גם ב Firefox 3.5 Beta 4 ? פשוט משום ששם יש את Tracemonkey - וכדאי לדעת אם בעיית הביצועים נגרמת מזמן ה"קומפילציה" של הקוד, או הביצוע עצמו (לצערי אני מהמר שהאחרון ולכן גם שם זה יהיה איטי - אבל לך תדע...)

נמאס לכם לזכור סיסמאות? לחצו כאן!

אני אנסה, אבל רק ביום ראשון.
אני גם אולי אנסה על הכרום. אמור להיות לו איזה מנוע V8 חדש או משהו כזה.

בכל מקרה, אין לי אפשרות לגרום לכל המשתמשים לעבור לפיירפוקס 3.5, ככה שבמילא אצטרך למצוא פתרון שמתאים ל FF2, IE6/7.

בעצם, אפשר להכריח רק FF או רק IE.

!!אזהרה!!

ההודעה עלולה להכיל שברי אגוזים ו/או איברי דגים כלשהם

!!אזהרה!!

זה רק כדי לראות היכן הבעייה

נמאס לכם לזכור סיסמאות? לחצו כאן!

ניסיתי על FF 3.0.6, והJS עובד סביר יחסית.
עדיין יש לאג בין לחיצות, אבל אני יכול לחיות עם זה.

דור, השיטה שלך זה רעיון טוב, הבעיה היא שלפני שעשיתי את השינויים שלי, זה עבד בערך ככה (מעבר על כל האלמנטים של הform ובדיקת הclass של כל אלמנט לראות אם זה מה שאני מחפש). זה לא עבד טוב, והוא היה נתקע על כמות קטנה.
יכול להיות שהקוד שהיה כתוב לא היה הכי יעיל ויש שם אפשרות להגיע לביצועים, אבל לצערי אין לי מספיק זמן לשחק עם זה.

תודה על העזרה, ואם למישהו יש רעיון איך לשפר ביצועים ב FF2, אשמח לשמוע

!!אזהרה!!

ההודעה עלולה להכיל שברי אגוזים ו/או איברי דגים כלשהם

!!אזהרה!!

ב 3.0.6 אין (נראה לי) את המנוע שעליו דיברתי... לפחות לא מופעל בברירת מחדל

נמאס לכם לזכור סיסמאות? לחצו כאן!

אם ה3.5 יעבוד לי יותר מהר מה3.0.6 אז הם באמת שיפצרו שם את המנוע
הFF3 כרגע עובד יחסית חלק, אז נראה לי שזה יהיה הדפדפן המומלץ.

תודה על הרעיון

!!אזהרה!!

ההודעה עלולה להכיל שברי אגוזים ו/או איברי דגים כלשהם

!!אזהרה!!

לא בטוח שזה ייעל את הביצועים אבל תנסה לשלוף את ה-id עם getElementById כאשר אובייקט האב הוא ה-div (או תג אחר) שבתוכו נמצאים כולם, במקום ה-document שסביר להניח שאתה משתמש בו.

דבר אחר זה לכתוב getElementsByTagName על div האב של האלמנטים שאתה רוצה לשלוף..

אני חושב שעדיף לחפש דרך להוצאת כמות פלט קטנה יותר..

אני אנסה גם את זה. הם כולם נמצאים בתוך FORM.

עדיף לא להשתמש ב getElementsByTagName כי אני לא רוצה שהפונקציה תעבור על 8000 צ'קבוקסים, אלא רק על אלו שאני צריך.

כרגע המשתמשים עובדים עם כמות קטנה יותר, והסיבה היחידה היא היעילות. אני לא רואה סיבה להטריח את המשתמשים לחלק את הפלט שלהם ל8 קבוצות של 1000. בנוסף, יש בדיקות אחרות שמתבצעות שעדיף שיתבצעו כאשר כל המידע ביחד (למשל, בדיקה של כפילות מידע נהיית מסובכת).

יש לי סברה שאם אני אעביר את המערכת לjquery או דומיו, אז אולי הפונקציות יתייעלו. מישהו מכיר והתנסה ויודע להגיד אם באמת יש שיפורים במהירות?

!!אזהרה!!

ההודעה עלולה להכיל שברי אגוזים ו/או איברי דגים כלשהם

!!אזהרה!!

תבדוק כאן:
http://www.google.co.il/search?sour...=lr%3D&aq=f&oq=

אבל עכשיו קיבלתי רעיון:

תוריד את מאפיין ה-id, ובמקומו תשים לכל אלמנט רצוי איזשהו ערך של class, ואז עם childNodes תתחיל לעבור על כל אובייקט ותבדוק אם ערך ה-class שלו מתאים. הרי בכל מקרה כאשר אתה עושה getElementById, מנוע ה-DOM של הדפדפן עובר מההתחלה (אינדקס 0) על כל אובייקט עד שהוא מוצא את ה-id הרצוי...
אני מניח שריבוי ה-id גם יכול להיות שמכביד (רק הנחה..)
אז יכול להיות שבשיטה הנ"ל יש איזשהי אופטימיזציה לתהליך במנוע ה-DOM של הדפדפן.