אינטרנט ישראל
  • ראשי
  • אודות רן בר-זיק ואינטרנט ישראל
  • ערוץ טלגרם
  • מסטודון
  • התחברו אלי בטוויטר
  • התחברו אלי בלינקדאין
  • ספר ג'אווהסקריפט
  • ראשי
  • אודות רן בר-זיק ואינטרנט ישראל
  • ערוץ טלגרם
  • מסטודון
  • התחברו אלי בטוויטר
  • התחברו אלי בלינקדאין
  • ספר ג'אווהסקריפט
ראשי » רשת האינטרנט » בניית אתרי אינטרנט » כלי פשוט וקל לבדיקות ביצועים של אתרים

כלי פשוט וקל לבדיקות ביצועים של אתרים

רן בר-זיק פברואר 2, 2020 7:07 am 4 תגובות

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

כדאי תמיד להשאר מעודכנים! אם יש לכם טלגרם, בדקו את ערוץ הטלגרם של האתר שבו אני מעדכן על פוסטים חדשים 🙂 אם אתם רוצים ללמוד תכנות באופן מקיף ומסודר, הצטרפו לאלפי הלומדים בפרויקט "ללמוד ג'אווהסקריפט בעברית" שמלמד לתכנת בג'אווהסקריפט, ב-Node.js ובריאקט וגם מלמד על תרומה לקוד פתוח. גם ספרים דיגיטליים וגם ספרים מודפסים. בשיתוף הקריה האקדמית אונו ובתמיכת חברות מובילות כגון Wix, Outbrain, Elementor, Iron Source, Chegg, Really Good ועוד.

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

כלי סופר מגניב שנתקלתי בו לאחרונה הוא sitespeed.io – כלי שימושי להפליא, קל מאוד לתפעול ולניתוח ומבוסס Node.js, כך שאפשר להתקין אותו בקלות בכל מערכת הפעלה: חלונות, מק או לינוקס. הכלי מאפשר לנו להריץ בדיקות ביצועים במספר רב של פעמים והוא מייצר נתונים (בדומה ל Apache Benchmark שכתבתי עליו בעבר) קל להבנה. הוא גם מתייחס לג'אווהסקריפט ולמהירות ההצגה.

דו"ח ביצועים עבור אינטרנט ישראל

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

מקור התמונה: ויקיפדיה ישראל, שימוש חופשי

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

אחרי ההתקנה, אנו נפתח את ה-cmd/טרמינל. ונוודא ש-Node.js מותקן באמצעות הקלדה של node -v. הגרסה מוצגת? מעולה. אפשר להמשיך.

נתקין גלובלית את speedtest.io באמצעות:

npm install -g sitespeed.io

אחרי פרק זמן קצר של התקנה לא מורכבת – אפשר להתחיל! הכלי מופעל משורת הפקודה. אפשר להפעיל אותו באופן הבא:

sitespeed.io -d 1 -m 1 -n 25 -c cable -b chrome -v https://internet-israel.com

מייד הדפדפן יעבוד ויפתח 25 פעם את האתר שציינו באמצעות כרום. לאחר כמה דקות, הבדיקה תושלם ויופיע המקום שבו נשמר הדו"ח. כך הוא נשמר במחשב שלי:

[sitespeedio.plugin.html] HTML stored in /Users/barzik/sitespeed-result/internet-israel.com

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

תוצאות של בדיקת אתר

זה מאוד נוח כמובן ונותן אפשרות מדידה.

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

אני הצלחתי לראות איך המעבר ל -HTTP2\Push הצליח לשפר את מהירות טעינת האתר שלי. אם הייתי לקוח משלם של עצמי, זה היה שווה לי כסף. לתשומת לבכם.

כדאי תמיד להשאר מעודכנים! אם יש לכם טלגרם, בדקו את ערוץ הטלגרם של האתר שבו אני מעדכן על פוסטים חדשים 🙂 אם אתם רוצים ללמוד תכנות באופן מקיף ומסודר, הצטרפו לאלפי הלומדים בפרויקט "ללמוד ג'אווהסקריפט בעברית" שמלמד לתכנת בג'אווהסקריפט, ב-Node.js ובריאקט וגם מלמד על תרומה לקוד פתוח. גם ספרים דיגיטליים וגם ספרים מודפסים. בשיתוף הקריה האקדמית אונו ובתמיכת חברות מובילות כגון Wix, Outbrain, Elementor, Iron Source, Chegg, Really Good ועוד.
כלים למפתחים

4 תגובות

  1. אחד שמבין הגב פברואר 2, 2020 בשעה 12:09 pm

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

  2. משתמש אנונימי (לא מזוהה) הגב פברואר 3, 2020 בשעה 7:21 am

    מה עם React, רן? הבטחת Redux 🙂

  3. Moshe הגב פברואר 7, 2020 בשעה 9:38 am

    מה ההבדל בינו לבין siege? חוץ מהממשק הגראפי

  4. שניר סופר הגב פברואר 23, 2020 בשעה 6:20 pm

    זה כמו Lighthouse של גוגל, האם יש הבדל מהותי?

השארת תגובה

ביטול

ללמוד ג'אווהסקריפט בעברית

ללמוד לתכנת ג'אווהסקריפט בעברית שגייס יותר משלוש מאות אלף שקל ולמעלה מ-2000 תומכים - בואו ללמוד עכשיו איך לתכנת.

רשימת הנושאים
  • מדריכים
    • ריאקט
    • טייפסקריפט
    • ECMAScript 6
    • ES20XX
    • Node.js
    • Express
    • רספברי פיי
    • Babel
    • docker
    • MongoDB
    • Git
    • לימוד MySQL
    • SASS
    • jQuery
    • CSS3
    • HTML 5
    • SVN
    • LESS
  • פיתוח אינטרנט
    • פתרונות ומאמרים על פיתוח אינטרנט
    • jQuery Scripts
    • jQuery למתקדמים
    • יסודות בתכנות
    • נגישות אינטרנט
  • חדשות אינטרנט
  • מידע כללי על אינטרנט
    • רשת האינטרנט
    • בניית אתרי אינטרנט
  • rss logo

    לכל המאמרים

    לכל המאמרים שפורסמו באינטרנט ישראל משנת 2008 ועד עכשיו.
  • rss logo

    RSS Feed

    משתמשים בקורא RSS? אם כן, עקבו אחרי אינטרנט ישראל באמצעות פיד ה-RSS!
    מה זה RSS?
  • Twitter logo

    עקבו אחרי בטוויטר

    בחשבון הטוויטר שלי אני מפרסם עדכונים מהירים על חדשות בתחום התכנות והיזמות, התרעות על מצבי חירום ורכילות בוערת על תחום הווב.
    מה זה טוויטר?
  • facebook like image

    ערוץ הטלגרם של אינטרנט ישראל

    בערוץ הטלגרם של אינטרנט ישראל אני מפרסם את הפוסטים של באתר וכן עדכונים טכנולוגיים נוספים.
    מה זה טלגרם?
  • github logo

    הפרויקטים שלי בגיטהאב

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

כל הזכויות שמורות לרן בר-זיק ולאינטרנט ישראל | מדיניות הפרטיות של אתר אינטרנט ישראל | אתר אינטרנט ישראל נגיש לפי תקן WCAG 2.0 AA | הצהרת הנגישות של האתר | אבטחת מידע ודיווח על בעיית אבטחת מידע

גלילה לראש העמוד