רוטר - שאלה לגבי איך לחלק את הקבצי JS באתר

יומן פעילות	לוח שנה	מבזקי חדשות	תקנון	RSS	כותרות	כותרות לפי תגובה	ניקוי קוקיז	IP	להורדת אפליקציה
eBay	AliExpress	GearBest	Amazon	Booking	Kiwi	SkyScanner	Trip Advisor

"שאלה לגבי איך לחלק את הקבצי JS באתר"

גירסת הדפסה

קבוצות דיון בניית אתרים נושא #15312	מנהל סגן המנהל מפקח Winner צל"ש מומחה

אשכול מספר 15312

Net_Boy

חבר מתאריך 1.4.02
17151 הודעות, 1 פידבק

15:10 15.09.09

שאלה לגבי איך לחלק את הקבצי JS באתר

אני משתמש בהרבה מודולים כמו: Mootools jquery ועוד כמה פנימיים של האתר.
כרגע יש לי לדוגמא: קובץ בשם slide.js שמרכז את כל הפונקציות והקוד עבור גלילה,
השאלה איך כדאי לעשות את הקובץ.או שלכל עמוד יהיו אך ורק! את הפונקציות
הקשורות לעמוד או קובץ אחר ראשי slide.js שמרכז את הכל ביחד.
כמובן שיש לי גם פונקציות של טפסים, ועוד מכל מיני סוגים וצבעים.

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

שתף

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

האשכול	מחבר	תאריך כתיבה	מספר
קובץ אחד להכל. קבצי JS נשמרים ב-CACHE	Ice Cold	15.09.09 17:21	1
גם אם זה קובץ שיצא בסוף 100K +?	שרון אורן	15.09.09 17:51	2
זה מאוד תלוי. 7-8 קבצים בעדכון של כולם, יהיה יותר	Ice Cold	15.09.09 19:09	3
מה פתאום!	lior066	17.09.09 20:10	4
יש כלים שמאפשרים ביצוע של compress	BMD	21.09.09 14:51	5

Ice Cold

חבר מתאריך 3.8.02
28041 הודעות, 19 פידבק

17:21 15.09.09

1. קובץ אחד להכל. קבצי JS נשמרים ב-CACHE
בתגובה להודעה מספר 0

ככה שבעמוד השני כבר לא תרגיש את זה

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

שרון אורן
חבר מתאריך 27.5.02
259 הודעות

17:51 15.09.09

2. גם אם זה קובץ שיצא בסוף 100K +?
בתגובה להודעה מספר 1

היתרון היה ברור מראש.
החסרון הוא שכל גרסא חדשה שתצא לקובץ תדרוש טעינה ארוכה.
לדעתי עדיף לקחת את כל המודולים שיש וחלק אותם לכמה קבצים שכל קובץ יהיו רק הדברים הרלוונטים לאותו עמוד. (ככה יהיה קובץ גם 7-8 K פחות או יותר) לכל עמוד בנפרד. מסכים איתי או לא?

פתיחת אייפונים נעולים לסים פרי
https://www.unlock-it.co.il

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

Ice Cold

חבר מתאריך 3.8.02
28041 הודעות, 19 פידבק

19:09 15.09.09

3. זה מאוד תלוי. 7-8 קבצים בעדכון של כולם, יהיה יותר
בתגובה להודעה מספר 2

עמוס מקובץ אחד של 100K (בגלל ROUNDTRIPS לשרת).
אני מניח שבסופו של דבר זה תלוי בכמה קבצים מדובר...

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

lior066

20:10 17.09.09

4. מה פתאום!
בתגובה להודעה מספר 2

1.יש לך משהו חמוד מאוד שנקרא google api ששומר בתוכו כמה סקריפטים נחמדים עבור ערכות נפוצות כמו JQUERY מוטולס וכדומה, נורא ממליץ להשתמש איתו.
2. אתה צריך לחשוב על הבקשות לשרת, כל קובץ הוא בקשה לשרת, אז אתה אמור לצמצם כמה שיותר.
3. אתה יכול לקצץ לך את הקבצים על ידי : http://javascriptcompressor.com/
שזה פשוט מאוד ממזער לך את כל הקטע של ה JS מבחינת KB. ( נ.ב יש גם ל CSS)

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

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

BMD

14:51 21.09.09

5. יש כלים שמאפשרים ביצוע של compress
בתגובה להודעה מספר 2

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

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד