תאריך פרסום: 10 בנובמבר 2026
בעידן החדש של פיתוח אתרים מבוסס-סוכנים, המפתחים מצפים שסוכני התכנות שלהם יהיו מומחים בפיתוח לאינטרנט. המודלים המתקדמים ביותר של תכנות מסוגלים בדרך כלל ליצור קוד שעובד. אבל אם תבקשו ממומחה לפיתוח אתרים לבדוק את הקוד שנוצר על ידי AI, הוא כמעט תמיד ימצא דרכים לשפר את הקוד כדי שיהיה מהיר, נגיש או מאובטח יותר.
אנחנו משקיעים הרבה בעתיד של פיתוח אתרים מבוסס-סוכנים ב-Chrome. כדי להתמודד עם האתגר הזה, הצגנו גרסת טרום-השקה מוקדמת של Modern Web Guidance בכנס Google I/O במאי. Modern Web Guidance היא קבוצת מיומנויות שמטמיעה מומחיות בפלטפורמות אינטרנט, שיטות מומלצות ונתוני תאימות לדפדפנים ישירות בסוכני התכנות שלכם.
היום אנחנו שמחים להכריז על ההשקה של גרסה 1.0 היציבה של Modern Web Guidance, שכוללת:
- תהליך עבודה חדש למודרניזציה שסורק את בסיס הקוד הקיים כדי לעזור לסוכן למצוא הזדמנויות למודרניזציה בטוחה.
- מסד נתונים מורחב של מדריכים שמטרגט מאות פערים מאומתים בידע של AI, עם פתרונות שנבדקו על ידי מומחים ומתאימים לדפדפנים שונים.
- בדיקה מעמיקה יותר של מומחים אנושיים לכל מדריך, כולל אישור של ראשי צוותים טכניים בתחום התוכן ובדיקת נגישות ייעודית במדריכים שלנו שגלויים למשתמשים.
- כיסוי הערכה מלא בכל המדריכים שלנו, עם לוח בקרה ציבורי להערכה שמציג את השיפורים שאפשר למדוד בהשוואה לסוכנים בלי Modern Web Guidance.
אנחנו שמחים לשתף שבגרסה 1.0, Modern Web Guidance הופך לפרויקט שמשותף לכמה דפדפנים, ו-Firefox ו-Edge מצטרפים ל-Chrome כדי לתמוך בפרויקט, לשפר את התאימות בין הדפדפנים ולתרום לפרויקט. בהתבסס על העבודה המשותפת שלנו עם Baseline, המטרה שלנו היא לוודא שכל מי שמתכנת באמצעות סוכן יכול לנצל את מלוא העוצמה והיכולות של פלטפורמת האינטרנט המודרנית.
לא משנה באילו מודלים או מעטפות אג'נטיות אתם משתמשים, אם אתם מפתחים לאינטרנט, כדאי לשלב את Modern Web Guidance ב-Agentic Workflows שלכם.
כדי להתקין את Modern Web Guidance, מריצים את הפקודה הבאה מספריית הפרויקט:
npx modern-web-guidance@latest install
אם כבר התקנתם גרסה קודמת, אתם יכולים לעדכן לגרסה 1.0 על ידי הרצת הפקודה:
npx modern-web-guidance@latest update
הוראות התקנה נוספות ומידע נוסף זמינים במסמכי התיעוד של Modern Web Guidance. אפשר גם לצפות בסרטון הזה כדי לקבל סקירה כללית קצרה:
למה כדאי למפתחים ולעסקים להשתמש ב-Modern Web Guidance
אין ספק שסוכני תכנות עוזרים למפתחים לכתוב קוד מהר יותר מאי פעם. אבל בעולם שבו כולם משתמשים בסוכני תכנות, המהירות היא כבר לא יתרון תחרותי.
בימים אלה, חשוב יותר מתמיד לבדל את עצמכם על סמך גורמים בסיסיים כמו נוחות השימוש ואיכות החוויה. הנה כמה דוגמאות לדברים ש-Modern Web Guidance יכול לעזור בהם:
חיזוק השיטות המומלצות שהמודלים לפעמים מפספסים
למרות שמודלים מתקדמים של תכנות מבינים היטב הרבה שיטות מומלצות, ההערכות שלנו מראות שעדיין יש כמה תחומים חשובים שבהם הם לא מספיק טובים, כמו:
- נגישות: מיקוד מקלדת וניהול אינרטי, תמיכה בהפחתת תנועה ואימות טפסים נגישים.
- חוויית משתמש: תנועות החלקה ומגע, מעברים בין תיבות דו-שיח וחלונות קופצים, והטמעות של עיצוב בהיר/כהה.
- ביצועים: תזמון משימות ב-thread הראשי, בידוד של רינדור מחוץ למסך ומניעת שינויים בפריסה.
- אבטחה: הסרת תוכן זדוני או רגיש מ-HTML, מדיניות אבטחת תוכן מחמירה וניהול פרטי כניסה באמצעות מפתחות גישה.
חשוב במיוחד להקפיד על השיטות המומלצות לנגישות, כי טעויות כמו ARIA שגוי יכולות להפוך דף לפחות נגיש מאשר דף ללא ARIA בכלל. בגרסה 1.0, המדריכים שלנו שגלויים למשתמשים נבדקו עם טכנולוגיות מסייעות אמיתיות על ידי מומחי נגישות שמשתמשים בהן כל יום.
שימוש בתכונת האינטרנט המתאימה ביותר למשימה
מודלים של AI טובים מאוד בלהבין איך לגרום למשהו לעבוד עם JavaScript, אבל במקרים רבים, יש תכונות HTML או CSS שיכולות לעשות את אותו הדבר עם הרבה פחות קוד. ומכיוון שהדפדפן מטפל בהם, בדרך כלל הם פועלים טוב יותר ומגיעים עם אפשרויות נגישות. לדוגמה:
- תכונות להוספת אנימציה לחלונות קופצים ולתיבות דו-שיח
- תכונות שמשפרות את האינטראקציות שמבוססות על גלילה והחלקה
- ממשקי API משופרים למעברים חלקים וזורמים בין דפים
תכונות חדשות יכולות גם לשפר את חוויית השימוש באתר בדרכים שחשובות למשתמשים. לדוגמה:
- מפתחות גישה ו-WebAuthn: כדי ליהנות מחוויית התחברות מהירה ומאובטחת יותר
- מילוי אוטומטי: כדי לשפר את תהליכי התשלום (במיוחד בנייד) שלעיתים קרובות נכשלים כשמשתמשים בפקדי טפסים מותאמים אישית שמבוססים על JavaScript.
הכלי Modern Web Guidance נועד להמליץ על התכונה הכי טובה למשימה, על סמך דרישות התמיכה של הדפדפן. המדריכים שלו כוללים נתונים מוטמעים של Baseline ותאימות לדפדפנים, כך שהוא יכול להתאים את ההמלצות שלו לצרכים של הפרויקט שלכם.
סריקה של בסיס הקוד ומציאת הזדמנויות למודרניזציה
רוב הפיתוח לאינטרנט לא מתרחש בפרויקטים חדשים לגמרי. זה קורה בבסיסי קוד קיימים שצברו במשך שנים פתרונות עקיפים מיושנים, יחסי תלות מיותרים ו-polyfills שכבר לא נחוצים.
בגרסה 1.0 הוספנו תהליך עבודה חדש למודרניזציה, שיכול לנתח את הקוד הקיים ב-HTML, ב-CSS, ב-JavaScript וב-package.json כדי למצוא הזדמנויות לשדרוג בטוח, ואז להנחות את הנציג בביצוע השינויים.
/modern-web-guidance Modernize the code in this directory
בגרסה הראשונה הזו, תהליך העבודה של המודרניזציה משתמש בניתוח סטטי כדי לבדוק קבוצה מוגבלת של דפוסים. בחרנו להתחיל עם היקף מצומצם שמניב תוצאות צפויות, ואז להרחיב אותו. עם הזמן, אנחנו מתכננים להרחיב את הבדיקות לתחומים נוספים, כולל בדיקות של סוכנים שבהן הסוכן מנתח את הקוד ישירות במקום רק להתאים אותו לתבניות מוכרות.
איך להתעדכן בהתפתחות של פלטפורמת האינטרנט
פלטפורמת האינטרנט משתנה כל הזמן. בכל גרסה חדשה של דפדפן, מתווספות תכונות חדשות, ותכונות קיימות שאולי לא יכולתם להשתמש בהן בעבר הופכות לחלק מ-Baseline.
התכונה Modern Web Guidance מבוססת על נתוני התאימות של Baseline, וההמלצות שלה מנוהלות על ידי מהנדסי דפדפנים, מומחים לתקני אינטרנט ומומחים לנגישות. לכן, ההמלצות האלה מתפתחות יחד עם הפלטפורמה עצמה, ועכשיו גם הפרויקט שלכם יכול להתפתח.
מידע על תכונות חדשות באינטרנט ושיטות מומלצות
למרות ש-Modern Web Guidance נוצר בעיקר ככלי לסוכנים, הרבה מפתחים אמרו לנו שהם מצאו שההנחיות שימושיות מאוד בפני עצמן – כמקור למידה.
גם בעידן הזה של תכנות מבוסס-סוכנים, עדיין יש ערך לפיתוח מומחיות בתחום. הכלי Modern Web Guidance יכול לעזור לכם לעשות את זה: אתם יכולים לקרוא את המדריכים עצמם, או להשתמש ב-CLI כדי לחפש תרחישים לדוגמה ולגלות טכניקות חדשות שעשויות להיות רלוונטיות לפרויקט שלכם.
איך משלבים את Modern Web Guidance עם כלי פיתוח ל-Chrome לסוכני AI
בפיתוח אתרים באמצעות סוכנים, כתיבת הקוד היא רק חלק אחד מתהליך העבודה. אתם צריכים גם להריץ את הקוד הזה כדי לוודא שהוא פועל כמו שצריך. לכן אנחנו ממליצים למפתחים להשתמש ב-Modern Web Guidance יחד עם כלי פיתוח ל-Chrome לסוכני AI.
- Modern Web Guidance נותן לסוכן את המומחיות הנדרשת כדי לכתוב קוד לפי השיטות המומלצות המודרניות.
- כלי הפיתוח ל-Chrome לסוכני AI נותנים ל-Agent Runtime של הסוכן שלכם נראות, כדי שהוא יוכל לאמת, לנפות באגים ולשפר את הקוד במגוון רחב של יכולות מכשיר, העדפות משתמש ותנאי רשת.
ביחד, הם עוזרים לנציג להגיע לפתרון טוב יותר בפחות שלבים. הנה כמה דוגמאות לשימוש בכלים האלה ביחד כדי למקסם את היעילות:
מבצעים אופטימיזציה עד שמגיעים ליעד הביצועים
הכלי Modern Web Guidance יכול ללמד את הסוכן איך לפצל ביעילות משימות JavaScript ארוכות שחוסמות את ה-thread הראשי, אבל הוא לא יכול לבדוק את הקוד כדי לראות כמה זמן משימות ה-JavaScript האלה חוסמות בפועל את ה-thread הראשי.
בעזרת כלי הפיתוח ל-Chrome לסוכני AI, אתם יכולים להריץ מעקב ביצועים על מעבד (CPU) מדומה ברמה נמוכה כדי לראות אם יש בעיה, ואז להשתמש בהמלצות לביצועים מ-Modern Web Guidance כדי לחזור על הפעולה עד שהקוד לא יחסום את ה-thread הראשי למשך יותר מ-50 אלפיות השנייה (כדי שהוא לא יתרום ל-INP נמוך).
בדיקה ושיפור של האנימציות
הכלי Modern Web Guidance יכול להראות לסוכן איך להוסיף אנימציה בצורה נכונה ויעילה לתכונות כמו תיבות דו-שיח מודאליות, הסברים קצרים ותפריטים קופצים, אבל גם עם ההנחיות האלה עדיין צריך לוודא שהאנימציות באמת פועלות ונראות טוב כשמשתמשים בהן בהקשר של האפליקציה המלאה.
כלי הפיתוח ל-Chrome לסוכני AI יכולים להריץ את הקוד, לבצע פעולות בדף ולהקליט את האנימציה בפעולה. לאחר מכן, המערכת יכולה לבחון את ההקלטה כדי לוודא שהאנימציה פועלת ושהיא מתאימה לסגנון ולתחושה של שאר האתר.
אתם יכולים גם להשתמש בכלי הפיתוח ל-Chrome לסוכני AI כדי לוודא שכאשר prefers-reduced-motion מוגדר, הרכיב פועל בהתאם להעדפות המשתמש.
תצוגות מטמון ללא דליפות זיכרון
הכלי Modern Web Guidance יכול ללמד את הסוכן איך לגרום למעברים ב-SPA להיראות מיידיים על ידי עיבוד תצוגות ושמירה שלהן במטמון בזיכרון, תוך הסתרה שלהן מעץ הנגישות.
עם זאת, חשוב לוודא שאתם מנקים כראוי תצוגות שלא בשימוש כדי לא לדלוף זיכרון אם המשתמש נשאר בדף למשך זמן רב. כלי הפיתוח ל-Chrome לסוכני AI כוללים כלים לניפוי באגים בזיכרון, כך שהסוכן יכול לוודא שהשימוש בזיכרון לא גדל ללא הגבלה.
בסרטון הזה מוסבר איך להשתמש ב-Modern Web Guidance ובכלי הפיתוח ל-Chrome לסוכני AI:
סיפורי הצלחה
צוותי הנדסה ברחבי העולם כבר משתמשים ב-Modern Web Guidance ובכלי הפיתוח ל-Chrome לסוכני AI כדי לשפר את איכות הקוד, להאיץ את תהליך ההפצה ולבטל צווארי בקבוק של ניפוי באגים ידני:
Pensionbazaar ו-Policybazaar
Pensionbazaar, פלטפורמה חדשה לתכנון פרישה שהשיקה חברת הפינטק ההודית Paisabazaar, שילבה את Modern Web Guidance עם כלי פיתוח ל-Chrome לסוכני AI כדי ליצור ולאמת דפים חדשים. כך היא קיצרה את זמן הפיתוח ביותר מ-90% (מכארבעה ימים לכמה שעות) והפחיתה את מספר הבאגים בממשק המשתמש במסכים חדשים ביותר מ-90%. הפלטפורמה האחות שלה, Policybazaar, היא אחת מפלטפורמות הביטוח המובילות בהודו עם יותר מ-97 מיליון לקוחות רשומים. היא השתמשה בכלי הפיתוח ל-Chrome לסוכני AI כדי להפוך את בדיקות הביצועים לאוטומטיות בכ-30 דפי נחיתה עם נפח תנועה גבוה, וצמצמה את מאמצי הבדיקה הידנית ב-92%:
"ב-Pensionbazaar, המטרה העיקרית שלנו הייתה לכתוב קוד איכותי מהיום הראשון כדי להימנע מחוב טכני בהמשך. הכלי Modern Web Guidance הנחה את סוכן התכנות שלנו לאמץ תקני אינטרנט מודרניים ושיטות מומלצות לשיפור הביצועים, תוך התחשבות ביעדי התאימות הספציפיים שלנו לדפדפנים. זה הפך את סקרי הקוד של ממשק המשתמש שלנו לקלים ומהירים יותר, ובסופו של דבר שיפר את זמן הפיתוח שלנו".
—אמאן סוני, מנהל הנדסה, Policybazaar
WeTV
ב-WeTV, פלטפורמת הסטרימינג הבינלאומית של Tencent, הוסיפו סוכן תכנות מבוסס-AI לצינור עיבוד הנתונים של CI/CD. הסוכן משתמש בכלי פיתוח ל-Chrome לסוכני AI כדי לאבחן רגרסיות בביצועים, וב-Modern Web Guidance כדי לתקן אותן באמצעות תכונות מודרניות של פלטפורמת האינטרנט. הסוכן מאבחן ופותר באופן אוטומטי 90% מבדיקות הביצועים שנכשלו, ומקצר את זמן ניפוי הבאגים והפתרון ב-87% (מארבע שעות ל-30 דקות, כולל הערכה ידנית):
"התוצאות היו יעילות מאוד מבחינת המהירות והאיכות. התובנות שקיבלנו מכלי הפיתוח ל-Chrome לסוכני AI ומהמיומנות Modern Web Guidance סיפקו לנו מקורות מידע מהימנים לפתרון בעיות פריסה מורכבות. אנחנו מבצעים אימות קפדני אחרי כל תיקון, ושיעור ההצלחה והיציבות הנוכחיים שיפרו באופן משמעותי את הביטחון שלנו בגרסה".
—יאנגג'י ז'נג, מנהל הנדסה, WeTV (Tencent)
הערה: כולל
חברת note inc., אחת מפלטפורמות המדיה והיוצרים הגדולות ביפן עם יותר מ-90 מיליון משתמשים פעילים בחודש, השתמשה ב-Modern Web Guidance לצד מערכת העיצוב הפנימית שלה כחלק ממאמץ מתמשך לשדרג את ממשק המשתמש של Next.js. במסגרת הערכה של 180 הרצות בבסיס הקוד של Modern Web Guidance, שיעורי המעבר בבדיקות אינטרנט מודרניות עלו מ-61% ל-94%. זה קרה כי הסוכנים הונחו להשתמש בתכונות HTML ו-CSS מותאמות במקום ב-JavaScript בהתאמה אישית לאנימציות גלילה, הסברים קצרים ואקורדיונים. הוא גם הגדיל את התעדוף הנכון של תמונות LCP ב-28% ב-431 בקשות מיזוג (PR):
"המשימה שלנו ב-note היא 'להתחיל וליצור בלי הפסקה', לכן הפלטפורמה שלנו צריכה להיות מהירה ונגישה לכל יוצר וקורא. ככל שיותר קוד נכתב באמצעות סוכני תכנות מבוססי-AI, כך Modern Web Guidance עוזר להם להגיע לפתרונות מודרניים שמבוססים על תקנים, במקום להסתמך על דפוסים ישנים יותר של JavaScript. הוא גם מציין פרטים שקל לפספס, כמו עדיפות טעינת התמונות ונגישות הטפסים. בשילוב עם מערכת העיצוב שלנו, הוא מאפשר לנו להמשיך לשפר את Note תוך שמירה על עקביות בממשק המשתמש שלנו".
—Takehiko Itabashi, סמנכ"ל טכנולוגיה, note inc.
MetaMask
MetaMask, פלטפורמה פיננסית בניהול עצמי עם יותר מ-100 מיליון הורדות בכ-190 מדינות, מריצה את Modern Web Guidance כבוט בדיקה אוטומטי בכל בקשת משיכה לתוסף לדפדפן בקוד פתוח, שמוגדר באמצעות הנחיה של שלוש שורות בלבד. בחמשת השבועות הראשונים, הבוט בדק כ-480 בקשות משיכה והגיב על 64 מהן, מה שהוביל את המהנדסים לתקן 43 ממצאים (בעיקר בעיות נגישות, סמנטיקה של HTML וטפסים שכלים לניתוח קוד סטטי לא מזהים) עם זמן חציוני של 15 דקות מהתגובה לתיקון:
"הביקורות ממש עוזרות. הם עזרו לנו להציג למהנדסים שלנו ממשקי API מודרניים כמו Interest invokers ו-Popover API, ולעזור להם להכיר אותם. הוא לא האריך את זמני הבדיקה של בקשות ה-PR, ואולי אפילו קיצר אותם. הבעיות ש-MWG זיהה היו דורשות בודק אנושי שמכיר את הטכניקות המודרניות האלה באינטרנט".
—פרנסיס נפומוסנו, מהנדס UX, MetaMask
תמיכה בסביבה העסקית ובקהילה
התכונה Modern Web Guidance התחילה כיוזמה ב-Chrome, אבל ההגעה לאבן הדרך הזו של גרסה 1.0 הייתה מאמץ משותף עם מומחים רבים בקהילת האינטרנט.
תודה למובילים הטכניים של תחומי התוכן שמפקחים על כל תחום בפלטפורמת האינטרנט, לשותפי הדפדפנים שלנו ב-Firefox וב-Edge, למומחים העצמאיים לתקני אינטרנט ולנגישות שכתבו ובדקו את המדריכים, ולכל התורמים לקוד הפתוח ב-GitHub שעזרו לעצב את הגרסה הזו.
אם אתם מזהים פערים בידע של סוכני התכנות לגבי האינטרנט, או אם אתם רוצים לעזור לשפר מדריך קיים, עיינו במדריך לתרומה כדי להשתתף.
איך מתחילים להשתמש ב-Modern Web Guidance
כדי להוסיף את Modern Web Guidance לפרויקט, מריצים את תוכנת ההתקנה של ה-CLI מספריית הפרויקט:
npx modern-web-guidance@latest install
אם כבר התקנתם גרסה קודמת, אתם יכולים לעדכן לגרסה 1.0 על ידי הרצת הפקודה:
npx modern-web-guidance@latest update
בנוסף ל-CLI, אתם יכולים להתקין ולעדכן את Modern Web Guidance ישירות דרך רוב זירות המסחר הפופולריות של פלאגינים לסוכני תכנות, כולל Claude Code, Codex, Cursor, Antigravity, Copilot, WebStorm, Kimi Code ו-Grok Build.
מידע נוסף זמין במקורות המידע הבאים: