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

יום ראשון, 3 במרץ 2019

כלי בדיקות ביצועים מובנה בדפדפן כרום - מגדלור

במסגרת הבדיקות שלנו אנו בודקים לא רק נגישות, ופונקציונליות של אתרים אלא גם ביצועים, עומסים ועוד.
היום נסקור את תוסף מגדלור בדפדפן הכרום של גוגל - כלי בדיקת ביצועים מובנה של גוגל בכרום, Lighthouse.

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

לפני שאנחנו ניגשים לעבודה כדאי לעבור על מה שLighthouse מכיל?


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

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

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



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

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




איך פותחים את מגדלור בכרום:



יש שאלות נוספות? כיתבו לי או הגיבו.

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

אין תגובות: