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



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

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

מה זה מגדלור

Lightroom הוא כלי ביקורת קוד פתוח המשמש לייצור ציונים סטנדרטיים בחמישה תחומי מפתח, כלומר:
  • ביצועים
  • אפליקציית אינטרנט מתקדמת
  • קידום אתרים
  • שיטות עבודה מומלצות
  • נְגִישׁוּת
עבור מאמר זה, השם "מגדלור" ישמש להתייחס לסדרת מבחנים, לכן אל תתבלבלו בזמן הקריאה.

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

מעדכן למגדלור

ב -5 במאי 2020, פרויקט Chromium הודיע ​​על מערך של שלושה מדדים שאיתם יוכל קוד הפתוח המגובה על ידי Google להשתמש במדידת ביצועים. המדדים נקראו Web Vitals. הם חלק מהמיזם של גוגל, שנועד לספק הדרכה קולקטיבית למומחי SEO בעת חיפוש אותות איכותיים.

מדדים אלה נועדו למדוד ביצועי רשת באופן ממוקד משתמש. בעוד שבועיים בלבד מהשקתו הראשונית, השיקה Lighthouse V6 את גרסתה המתוקנת עם Web Core Vitals כמוקד העיקרי של עדכון זה.

עד יולי 2020 ראינו את המדד של Lighthouse v6 מאומץ לרבים ממוצרי גוגל עם שחרורו של Chrome 84. גם שם החלונית 'ביקורת DevTools של Chrome' נקרא Lighthouse. מדד המגדלור הוזכר גם על ידי PageSpeed ​​Insights ו- Google Search Console.

כיום מהווה מחצית הליבה של Web Core יותר ממחצית ציון הביצועים המשוקלל של מגדלור. באופן כללי, דפים מתחילים לחוות השפעה מינימלית, בערך בערך 83.32% מבחנים שנערכו והראו מעבר של עשר נקודות או פחות ל- V6.

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

בחירת המתודולוגיה הנכונה

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

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

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

השגת הצבר לביס בחזרה באמצעות החזר ROI נהדר

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

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

כיצד להריץ מבחן מגדלור

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

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

1. Devtools של Chrome

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

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

כשאתה מוגדר, הנה איך אתה בודק את מגדלור באמצעות DevTools
  1. הפעל מופע גלישה בסתר ב- Chrome.
  2. עבור אל חלונית הרשת ב- DevTools וסמן את התיבה כדי להשבית את המטמון. אתה יכול לעשות זאת עם Ctrl + Shift + I ב- Windows ו- Linux או Command + Option + I ב- Mac.
  3. עבור לחלונית המגדלור ולחץ על צור דוח.
  4. שמור את הקובץ לאחר שנוצר.
מהם היתרונות של הפעלת מגדלור מ- Devtools?

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

היתרון בשיטה זו הוא בכך
  • אתה יכול לבדוק מבנים מקומיים ולגלות אילו דפים הם אותנטיים.
  • ניתן להשוות את הדוחות שנשמרים עם הכלי Liffhouse CI Diff.
חסרונות של הפעלת מגדלור מ- DevTools
  • אתה יכול לעשות רק דוח אחד בכל פעם.
  • יהיה עליך לשמור כל דוח באופן ידני.

2. בעת בדיקת אותם דפים באופן רציף

נניח שאתה אוהב לבדוק את אותם דפים שוב ושוב, באינטרנט. dev הוא הבחירה האידיאלית. זה דומה לשימוש ב- DevTools רק שלא תצטרך להשבית את כל ההרחבות השיאיות האלה. שיטה זו היא בעצם ישר קדימה. כל שעליך לעשות הוא:
  1. בקר בכתובת web.dev/measure/
  2. תתחבר עם חשבון הגוגל שלך.
  3. הזן את כתובת האתר של הדף שברצונך לבקר.
  4. לחץ על הפעל ביקורת.
היתרונות של הפעלת מגדלור מהאינטרנט. dev
  • זה לוכד את ציר הזמן המסודר של תוצאות הדף.
  • למשתמשים יש קישורים מהירים במדריכים לשיפור בעיות.
  • ניתן להשוות דוחות באמצעות Lighthouse CI Diff Tool.
חסרונות של הפעלת מגדלור מהאינטרנט. dev
  • אתה יכול רק לבצע ניתוח אחד ולקבל דוח אחד בכל פעם.
  • אתה צריך לרשום את כתובות האתרים שעקבות אחריהם לאורך זמן כדי להימנע מלהבצע שוב אותה כתובת באופן לא מכוון.

שורת הפקודה לצומת מגדלור

כאשר אתה מחפש לבדוק בקנה מידה, שורת הפקודה של הצומת היא הגישה המועדפת. הנה מדריך מה לעשות:
  • התקן npm: עבור משתמשי mc, זה יהיה חכם להשתמש ב- homebrew כך שתוכל להימנע מבעיות תלות מטופשות.
  • התקן את מודול המגדלור פשוט על ידי הזנת קוד זה: "npm install -g lighthouse."
  • לאחר מכן אתה מריץ טקסט יחיד באמצעות "מגדלור <אור>."
  • הפעל בדיקות ברשימות השימוש על ידי הפעלת המבחן באופן תכנותי.
היתרונות של הפעלת מגדלור מ- Node
  • ניתן להריץ מספר דוחות בו זמנית.
  • אתה יכול לתכנת אותו למעקב אחר שינויים לאורך זמן באופן אוטומטי.
חסרונות של הפעלת מגדלור מ- Node
  • אתה חייב להיות מושג כיצד לקודד.
  • ההתקנה שלה דורשת זמן.

סיכום

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

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

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

מעוניינים בקידום אתרים? עיין במאמרים האחרים שלנו בנושא בלוג של סמלט.