וובמאסטר - תיכנות ובניית אתרים

מדריך Internet Explorer 9 למפתחים - profiling

רן בר-זיק ,‏ אינטרנט ישראל‏ ‏/‏ 8 מרץ, 2011
F+
F-

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

על מנת להדגים את ביצועי ה-Profiler, אנו צריכים להכנס לדף שיש בו JavaScript. אתם יכולים ליצור דף פשוט של JavaScript בעצמכם על פי הדוגמא הזו:

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>Test page</title>
<script> 
    alert("Hello");
    var age;
    age = prompt("Insert your age","");
    alert("your age is: " + age + " years");
    var name;
    name = prompt("Insert your name","");
    alert("Your name is:\n " + name + "\nYour age");
</script> 
    </head>
    <body>
        <h1>This is test page</h1>
        <p>Hello world!</p>
    </body>
</html>

או פשוט להכנס לדף הזה: http://www.internet-israel.com/internet_files/javascript/example.html

 

הסקריפט שיש בדף הזה הוא סקריפט מאד פשוט שמקפיץ כמה prompt וכמה alert, זה הכל. מיד לאחר שנעלה אותו, אנו נפתח את כלי המפתחים ונבחר ב-Profiler:

בחירה בכלי הפרופיילינג

אחרי כן, אנו נלחץ על Start Profiling:

להתחיל בפרופיילינג

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

 

דוח הפרופיילינג

מה יש כאן? יש כאן את כל סוגי הפונקציות שרצו. במקרה המאד פשוט שלנו רצו רק שתיים מהן - alert ו-prompt. הדו"ח מפרט לנו כמה כל אחת מהן רצה, מה הזמן האינקלוסיבי שלה ומה הזמן האקסלוסיבי שלה. כאשר אינקלוסיבי = הזמן שהיא רצה כולל זמן הריצה עם הפונקציות שהיא קראה להן ואקסלוסיבי = זמן הריצה שלה לבד. כיוון שכאן אין פונקציות שמכילות פונקציות אחרות הנתונים זהים. בנוסף מפורט בלוק הקוד כאשר במקרה של הדף הפשוט הזה יש לנו בלוק קוד אחד.

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

בחירת מספר דוח

ניתן לשמור את הדו"ח בפורמט CSV באמצעות לחיצה על לחצן השמירה.

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

No profile data generated

אפשר לשנות את אופי התצוגה של הדו"ח באמצעות בחירת התצוגה בכפתור הבא:

שינוי אופי התצוגה

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

רן בר-זיק, אינטרנט ישראל

מתכנת PHP מנוסה ובעל ידע רב בפיתוח לאינטרנט על בסיס LAMP. מומחה במערכות דרופל, ג'ומלה ו-וורדפרס. שולט היטב בכל מה שקשור לפרונט אנד: JavaScript: jQuery ו-MooTools,ActionScript 2/3 וכמובן HTML 5 + CSS 3.

אינטרנט ישראל: www.internet-israel.com
תגיות: IE9‏  /  מדריך‏  /  פיתוח‏  

תגובות בפייסבוק

תגובות למאמר



עוד במדריך

תגיות פופולאריות

X
הצטרף לעמוד שלנו בפייסבוק להישאר מעודכן!
וובמאסטר © כל הזכויות שמורות