Lighthouse בכלי הפיתוח ל-Chrome לסוכנים מאפשר לסוכן התכנות להעריך את איכות האתר על ידי ביצוע בדיקות תקינות בזמן אמת לנגישות, ל-SEO, לשיטות מומלצות ולגלישה באמצעות סוכנים.
בתהליך עבודה מבוסס-סוכן, סוכן התכנות משתמש בביקורות של Lighthouse כדי לזהות בעיות ספציפיות שניתנות למדידה בזמן הריצה, במקום לחפש באופן אקראי ב-codebase שיפורים כלליים.
הגישה הממוקדת הזו מספקת עצות מעשיות ישירות בהקשר של הסוכן, ומאפשרת לסוכן התכנות למצוא ולתקן באגים בצורה מדויקת יותר מאשר חיפושים רחבים וסטטיים בבסיס קוד.
הביקורות של Lighthouse מתמקדות בקטגוריות העיקריות הבאות:
- נגישות (a11y): מוודאים שכולם יכולים להשתמש באתר, כולל אנשים שמשתמשים בקוראי מסך.
- SEO: מריץ בדיקות טכניות כדי לוודא שמנועי חיפוש יכולים למצוא את התוכן שלכם ולהבין אותו.
- שיטות מומלצות: חשוב לוודא שהאתר שלכם עומד בתקנים של פיתוח אתרים מודרני.
- גלישה מבוססת-סוכן: מדידת היכולת של עוזרים מבוססי-AI להבין את האתר שלכם ולקיים איתו אינטראקציה.
כשמשתמשים ב-Lighthouse, חשוב לזכור את הנקודות הבאות:
- תמיכה בסביבות מקומיות ובסביבות הכנה: הסוכן יכול לבדוק כל דף שמוצג ב-Chrome, כולל שרתי פיתוח מקומיים וקבצי HTML מקומיים שאפשר לגשת אליהם באמצעות פרוטוקול
file://. - התנהגות הדפדפן: יכול להיות שהתצוגה שלכם תופרע לזמן קצר במהלך ביקורות. יכול להיות שתראו את הדף משנה את הגודל או נטען מחדש בזמן שהכלי מדמה מכשירים שונים.
בדיקת איכות האתר
כדי לשלב את Lighthouse בתהליך הפיתוח, אפשר להיעזר בתהליכי העבודה ובדוגמאות הבאות.
אימות הנגישות
כשמשנים ממשק משתמש, צריך לבקש מהסוכן לוודא שהדף נשאר נגיש.
הנחיה לדוגמה:
How can I improve accessibility on this page as measured by Lighthouse?
דוגמה להפעלת נציג: הנציג מפעיל ביקורת של Lighthouse עם הערך formFactor שמוגדר ל-mobile. הוא מנתח את התוצאות, כמו ניגודיות צבעים לא מספקת או תוויות ARIA חסרות, ומציע תיקונים ספציפיים לקוד.
ביקורת SEO לשיפור החשיפה בחיפוש
לעתים קרובות מדי, הדרישות הטכניות של SEO מתגלות מאוחר מדי במחזור הפיתוח. אתם יכולים לבקש מהסוכן למצוא ולתקן חסימות טכניות בזמן שאתם בונים.
הנחיה לדוגמה:
According to Lighthouse audit, how can I improve this page for better discoverability in search?
דוגמה להפעלת נציג: הנציג מריץ ביקורת SEO ומזהה מטא תגים חסרים, קישורים קנוניים או טקסט תיאורי. לאחר מכן, הוא יכול להציע לעדכן את קוד המקור כדי לפתור את הכשל בביקורת.
אימות השיטות המומלצות
מוודאים שהשרת המקומי או אתר הבדיקה עומדים בשיטות המומלצות לאבטחה ולטכנולוגיה.
הנחיה לדוגמה:
Does my site follow best practices as measured by Lighthouse?
דוגמה להרצת סוכן: הסוכן בודק היבטים טכניים כמו שימוש ב-HTTPS, שגיאות במסוף וקריאות ל-API שהוצאו משימוש, שמדווחות על ידי Lighthouse.
שיפור כללי של האתר
אתם יכולים להריץ בדיקות Lighthouse מלאות באתר שלכם ולעזור לכם להגדיר אזורים לשיפור בשלבים מוקדמים של הפיתוח.
הנחיה לדוגמה:
Run a full Lighthouse audit of my site, in mobile and desktop, and suggest improvement areas and possible fixes for any problems you find.
דוגמה להפעלת סוכן: הסוכן מריץ ביקורת מלאה של Lighthouse באתר שלכם בנייד ובמחשב, ומציע שינויים שיכולים לשפר את הציונים של הביקורות השונות. אם לסוכן יש ידע מלא על קוד המקור, הוא עשוי להציע תיקונים ישירות. אם יש לו גישה להקשר הנכון, הוא יכול גם להציע איך לשפר את הגדרת השרת או הגדרות אחרות של הקצה העורפי.