שיטות עבודה מומלצות: עבודה עם של JavaScript
כלול של JavaScript בתחתית של מסמך ה-HTML
אם אין לך document.write (או כל הדור דינמית של תוכן הדף באמצעות javascripts) להכניס חלק התוכן של דף הסקריפטים, להעביר את התסריט כולל הצהרה בתחתית העמוד, לפני סוף תג BODY.
מפרט HTTP/1.1 מציעה דפדפנים להוריד לא יותר משני רכיבים במקביל לכל המארח. אם אתם מגישים את התמונות מ שמות מארחים מרובים, אתה יכול לקבל יותר משתי הורדות להתרחש במקביל. בעוד התסריט מוריד, לעומת זאת, הדפדפן לא יתחיל כל הורדה אחרות, גם על שמות מארחים שונים.
יש גם דרכים באופן דינמי ליצור צמתים סקריפט וטען תסריטים מרחוק אחרי העמוד נטען באמצעות AJAX.
החצנה של JavaScript לך
שימוש חיצוני קובצי JavaScript תגרום הטעינה מהירה יותר של דפים, כי את קובצי JavaScript מאוחסנים במטמון של הדפדפן. "בשורה של JavaScript במסמכי HTML לקבל כל פעם להוריד מסמך HTML מתבקש. זה באמת עשוי לצמצם את מספר בקשות HTTP שנעשו לאחר מכן אבל זה מגדיל את הגודל של מסמך ה-HTML. חיצוני של JavaScript מאוחסנים במטמון של הדפדפן, בגודל של מסמך ה-HTML הוא מופחת מבלי להגדיל את מספר בקשות HTTP.
שימו לב, אם משתמשים באתר שלך יש מספר רב של דפים נצפים בכל הפעלה ורבים הדפים לשימוש מחדש את הסקריפטים ואותו גיליונותסגנון, יש תועלת פוטנציאלית גבוהה יותר מקבצים חיצוניים המאוחסנים במטמון.
לארוז קבצים JavaScript שלך
במקרה של JavaScripts, שלא כמו CSS, הקבצים יכול חרק בעזרת כמה אלגוריתמים סטנדרטיים שייתנו גודל הקובץ מופחת יותר פשוט להסיר רווחים או טאבים. דוגמה JavaScript פקר ניתן למצוא כאן http://dean.edwards.name/packer/
להיפטר בשום סקריפטים כפולים
זה מאוד יוצא דופן, כי תסריטים שלמים עשוי להיות מועתק, אבל סקירה של עשרת האתרים המובילים בארה"ב האינטרנט מראה כי שניים מהם מכילים תסריט כפולות. שכפל סקריפטים אבל ללא ספק מקטינה את הביצועים על ידי יצירת מיותרים בקשות HTTP ו מבוזבז ביצוע JavaScript.
כמו כן, במקרים רבים, אם כי שמות סקריפטים שונים, יש סבירות של סקריפטים כפולות בתוך אותו דף בשל גודל הקבוצה ומספר תסריטים.
מזעור גישה אלמנטים DOM במידת האפשר
גישה אלמנטים DOM עם JavaScript הוא כל כך איטי כדי שיהיה דף תגובה יעילה יותר, עליך:
• מטמון הפניות לגורמי גישה
• צמתים עדכון "מחובר" ולאחר מכן להוסיף אותם לעץ
• הימנע תיקון הפריסה באמצעות JavaScript
התנהגות נפרדת תוכן מצגת
בדיוק כפי שאנו הצגה נפרדת (CSS / XSLT) מהתוכן (XHTML / XML), כדאי גם להפריד בין התנהגות (JavaScript). זה נקרא Javascript מתבלט. בדיוק כפי שאנו לקשר קבצי CSS חיצוניים, עלינו לקשר חיצוניים קבצים JavaScript.
במקום התנהגות קידוד קשה אל התוכן (למשל onMouseOver, onclick, וכו '), התנהגות יש להוסיף באופן דינמי לגורמים, מחלקות, ואלמנטים ייחודיים (IDS) באמצעות DOM. המסמך המכונן, את התוכן, צריך להכיל רק בתקן XHTML / XML ולא JavaScript.
Javascript צריך להגדיל את התוכן על ידי הוספת התנהגות. התוכן צריך להישאר יעיל ושימושי ללא javascript (או בלי תמיכה מלאה JavaScript).
