שאלה על מהירות

אהרן2

משתמש מקצוען
עימוד ספרים
אני מנסה להתלמד על אתר דומה לאתר הזה.

כל מילה לניקוד נכנסת לספאן נפרד (בו שמורים אפשרויות הניקוד ועוד).

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

מצד שני הכל אותו דבר ואין סיבה לחלק בין מילה למשנהו.

יש לזה פתרון?
 

Nahum

משתמש צעיר
D I G I T A L
תן דוגמה של הpath מהbody עד הspan, וכן את הסלקטור.
תיעזר בידידנו מר jsfiddle.
 

אהרן2

משתמש מקצוען
עימוד ספרים
הנה ידידנו
תחשוב שהSPAN מופיע 10K פעמים.

הדוגמא מספיקה?

<iframe width="100%" height="300" src="//jsfiddle.net/4s0a7n2q/39/embedded/" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
 

Nahum

משתמש צעיר
D I G I T A L
למה לחשוב?
יצרתי דוגמה עם 10K ספאנים, כשלחיצה על אחד מהם הופכת אותו לאדום.

לא עשיתי בדיקות מהירות, אבל אני לא רואה שזה איטי. זה איטי בשבילך?
http://jsfiddle.net/Nahum/4s0a7n2q/40/

אל תבדוק את זה פה, תלך למקור בjsfiddle. פה משום מה זה איטי...
 

אהרן2

משתמש מקצוען
עימוד ספרים
וודאי, חושב שזה כ-2-3 שניות!
וגם טוחן את המעבד.
ויש לי מחשב I7 SSD.
 

Shia

משתמש מקצוען
מנוי פרימיום
בוגר/תלמיד פרוג
D I G I T A L
כתבתי לך פתרון מבוסס css בלבד...
לא יודע אם זה לגמרי מתאים לצרכים שלך מבחינות אחרות, אבל מבחינת ביצועים זה עובד יפה.
http://jsfiddle.net/gx74a68y
 

Shia

משתמש מקצוען
מנוי פרימיום
בוגר/תלמיד פרוג
D I G I T A L
אגב, עם הפתרון שלי הרווחת עוד יתרון: אתה יכול להתקדם ולדלג ממילה למילה על ידי הקשה על המקש Tab (או Shift+Tab ללכת אחורה).
:)
 

אהרן2

משתמש מקצוען
עימוד ספרים
נכתב ע"י Shia;1695533:
כתבתי לך פתרון מבוסס css בלבד...
לא יודע אם זה לגמרי מתאים לצרכים שלך מבחינות אחרות, אבל מבחינת ביצועים זה עובד יפה.
http://jsfiddle.net/gx74a68y

הדוגמא כפי שהיא לא התאימה כי אני חייב פונקציה שכולל מניפולציות על הDOM
אבל כן למדתי ממנה כמה דברים
העיקרי שבהם: הקליק ו\או מניפולציות על הDOM עובדים הרבה הרבה יותר מהר ב-BUTTON מב-SPAN.

תודה רבה רבה!!
 

אהרן2

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

אהרן2

משתמש מקצוען
עימוד ספרים
דבר נוסף
השימוש בסקריפט הזה לא עזר!
within-viewport-master
 

Shia

משתמש מקצוען
מנוי פרימיום
בוגר/תלמיד פרוג
D I G I T A L
לא עזר עם מה? מה ניסית להשיג בעזרתו?
 

Nahum

משתמש צעיר
D I G I T A L
נראה לי שהוא רצה לכתוב לי את זה בפרטי, כהמשך להתכתבות שהייתה לנו...
 

Nahum

משתמש צעיר
D I G I T A L
הרעיון היה לאתר בעזרת הסקריפט הנ"ל או משהו דומה - אלו אלמנטים נמצאים כרגע בview port ולתת להם קלאס מיוחד. ואז במקום לבחור את כל האלמנטים הוא יכול לבחור רק את אלו עם אותו הקלאס וזה יוריד מהעומס על הדפדפן.
 

אהרן2

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

כאמור זה לא עזר!
 

Shia

משתמש מקצוען
מנוי פרימיום
בוגר/תלמיד פרוג
D I G I T A L
הבנתי.

לפי דעתי אפשר להיעזר בו כדי לייעל ביצועים של הjQuery האמור. רק צריך לממש את זה בצורה נכונה:
לדוגמה, באירוע של גלילה לאתר בעזרתו בעזרתו את כל האלמנטים שמתאימים לסלקטור #Answer span ונמצאים בויופורט ולעשות להם toggle class כלשהו.
ובפונקציה המקורית שסבלה מבעיות ביצועים, להשתמש בסלקטור של הקלאס הזה.

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

אהרן2

משתמש מקצוען
עימוד ספרים
נכתב ע"י Shia;1698464:
הבנתי.

לפי דעתי אפשר להיעזר בו כדי לייעל ביצועים של הjQuery האמור. רק צריך לממש את זה בצורה נכונה:
לדוגמה, באירוע של גלילה לאתר בעזרתו בעזרתו את כל האלמנטים שמתאימים לסלקטור #Answer span ונמצאים בויופורט ולעשות להם toggle class כלשהו.
ובפונקציה המקורית שסבלה מבעיות ביצועים, להשתמש בסלקטור של הקלאס הזה.

כך עשיתי.

אגב, הסקריפט שלו כתוב בJS טהור ובנוסף יש אפשרות להריץ א"ז בJQ ע"י פלאג אין, הרצתי את שני הDEMO והיה הפרש מורגש בביצועים לרעת JQ.
 

Shia

משתמש מקצוען
מנוי פרימיום
בוגר/תלמיד פרוג
D I G I T A L
נכתב ע"י אהרן2;1698469:
כך עשיתי.

אגב, הסקריפט שלו כתוב בJS טהור ובנוסף יש אפשרות להריץ א"ז בJQ ע"י פלאג אין, הרצתי את שני הDEMO והיה הפרש מורגש בביצועים לרעת JQ.

באופן כללי זה כמעט תמיד המצב. jQuery תיתן ביצועים נחותים לעומת js
 

אהרן2

משתמש מקצוען
עימוד ספרים
חשבתי ליצור ספריה משלי
לא אפשרויות מיוחדות, כן תחביר מקוצר וברור יותר.
כדאי?
 

אהרן2

משתמש מקצוען
עימוד ספרים
אגב,
הסקריפט הנ"ל מאפשר גם ריגול אחר הרגלי הגולשים.
 

אולי מעניין אותך גם...

הפרק היומי

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


תהילים פרק קיט א'

א אַשְׁרֵי תְמִימֵי דָרֶךְ הַהֹלְכִים בְּתוֹרַת יְהוָה:ב אַשְׁרֵי נֹצְרֵי עֵדֹתָיו בְּכָל לֵב יִדְרְשׁוּהוּ:ג אַף לֹא פָעֲלוּ עַוְלָה בִּדְרָכָיו הָלָכוּ:ד אַתָּה צִוִּיתָה פִקֻּדֶיךָ לִשְׁמֹר מְאֹד:ה אַחֲלַי יִכֹּנוּ דְרָכָי לִשְׁמֹר חֻקֶּיךָ:ו אָז לֹא אֵבוֹשׁ בְּהַבִּיטִי אֶל כָּל מִצְוֹתֶיךָ:ז אוֹדְךָ בְּיֹשֶׁר לֵבָב בְּלָמְדִי מִשְׁפְּטֵי צִדְקֶךָ:ח אֶת חֻקֶּיךָ אֶשְׁמֹר אַל תַּעַזְבֵנִי עַד מְאֹד:
נקרא  30  פעמים

לוח מודעות

למעלה