סיכום שנת 2024 למפתחים ב-Chrome: דמיינו מחדש את האינטרנט עם AI בכלי הפיתוח, Gemini מובנה ויכולות חדשות של ממשק משתמש

פורסם: 13 בדצמבר 2024

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

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

כדאי לעיין בסיכום שלנו לשנת 2024 של יכולות חדשניות שיאפשרו לכם ליצור חוויות אינטרנט יצירתיות יותר עם פחות מאמץ.

‫AI מובנה ב-Chrome עוזר למפתחים לספק תכונות מתקדמות באמצעות Gemini

ב-Google I/O 2024, הודענו על השימוש שלנו ב-AI כדי לשפר את האינטרנט באמצעות Gemini Nano שמוטמע ישירות ב-Chrome. עד היום, יותר מ-13,000 משתמשים הצטרפו לתוכנית טרום-ההשקה כדי לעזור לנו לעצב את עתיד האינטרנט. אנחנו מאוד מעריכים את התרומה שלך, ומצפים לראות את כל חוויות ה-AI החדשניות שתפתח.

כדי לעזור לכם להפיק את המרב מה-AI, השקנו כמה ממשקי API מובנים בגרסאות ניסיון של תכונות חדשות, כמו Prompt API,‏ Translator API, ‏ Summarizer API ו-Language Detector API. בכולם אפשר להריץ משימות מבוססות-AI בדפדפן בלי לבצע קריאות לשרת, ואין צורך לנהל ולפרוס מודלים של AI משלכם. יותר מ-8,600 מפתחים נרשמו לתחרות Google Chrome Built-in AI Challenge כדי ליצור אפליקציית אינטרנט או תוסף ל-Chrome באמצעות ממשקי ה-API האלה. הזוכים יוכרזו באמצע ינואר, אז כדאי להתעדכן.

‫PolicyBazaar משתמשת ב-Language Detector API כדי לזהות את השפה כשלקוח מחליף שפה במהלך השיחה.

שיפורים ב-WebGPU וב-WebAssembly‏ (Wasm) משדרגים את ה-AI במכשיר

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

הוספנו ערכי נקודה צפה של 16 ביט ב-WebGPU ומכפלות סקלריות של מספרים שלמים דחוסים, שמאפשרים שימוש גמיש יותר במעבד ה-GPU של המכשיר עם הצללות מחשוב. שיפורים עתידיים מתוכננים ל-WebGPU, כולל תת-קבוצות ומטריצות של תת-קבוצות. התכונות האלה יאפשרו לאפליקציות לתקשר במהירות בין השרשורים של ה-GPU ולנצל בצורה אופטימלית את הכפל של מטריצות בגודל קבוע. בנוסף, בשנת 2025 נשיק את Memory64 ל-Wasm כדי לאפשר למודלים גדולים יותר של AI לפנות לזיכרון.

תרשים השוואה מ-Transformers.js.
המדד WebGPU Benchmark מ-Transformers.js מראה ש-WebGPU מהיר פי 32.51 מ-Wasm.

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

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

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

מיקום של חלון קופץ ושל עוגן ב-CSS מאפשר שכבות-על אינטראקטיביות ללא JavaScript

עכשיו אפשר ליצור תיאורי כלים, תפריטים ושכבות-על אחרות באמצעות popover ולקשר אותם חזותית לרכיבי ההפעלה שלהם באמצעות CSS Anchor Positioning API. כל מה שצריך זה קצת CSS ו-HTML כדי לוודא שהשכבות יישארו מעוגנות וגלויות גם כשמגללים או משנים את גודל החלונות. המשתמשים נהנים מחוויית אינטרנט אמינה ודינמית יותר, ואתם לא צריכים לנהל את z-index או לבצע חישובים מסובכים של מיקום ב-JavaScript. מהתוכנית הזאת כולם רק מרוויחים.

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

השנה, זמני הטעינה של הדפים השתפרו משמעותית והם כמעט מיידיים, בזכות Speculation Rules API. ה-API הזה, שדורש רק כמה שורות של JSON כדי להטמיע אותו, מאפשר לבצע עיבוד מקדים מלא של דפים ברקע, כך שהם יהיו מוכנים לשימוש בכל פעם שהמשתמשים שלכם ירצו לגשת אליהם.

הטעינה של web.dev נמשכת 1.6 שניות בלי טעינה מראש ו-0.2 שניות עם טעינה מראש.

המדד 'מהירות התגובה לאינטראקציה באתר' (INP) הופך למדד ליבה לבדיקת חוויית המשתמש באתר

מדד INP החליף את מדד מהירות התגובה לאינטראקציה ראשונה כמדד ליבה לבדיקת חוויית המשתמש באתר במרץ, כדי לעזור לכם למדוד את מהירות התגובה של הדף בצורה מקיפה יותר מעבר לקלט הראשון של המשתמש. מאז, חל גידול של 9% במספר האתרים שבהם ערך ה-INP בנייד הוא 'טוב' – מה שמוביל לחוויית משתמש מהירה ומהנה יותר באינטרנט.

המילוי האוטומטי מאפשר לכם לשפר את חוויית המשתמש ולספק תהליך תשלום חלק יותר באינטרנט

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

המילוי האוטומטי שימושי במיוחד בתהליכי תשלום במסחר אלקטרוני. ב-Shopify,שיעור ההמרה של תהליך התשלום לאורחים שמשתמשים במילוי אוטומטי גבוה ב-45% משיעור ההמרה של תהליך התשלום לאורחים שלא משתמשים במילוי אוטומטי.

כלי הפיתוח ל-Chrome משתדרגים עם פתרונות מבוססי-AI

יכול להיות שאתם זוכרים שהוספנו את Gemini לכלי הפיתוח ל-Chrome עם תובנות לגבי המסוף, כדי לאפשר לכם לגשת לניפוי באגים מבוסס-AI לפתרון בעיות יעיל יותר. מאז Google I/O 2024, התכונה הזו זמינה בכל העולם.

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

התובנות במסוף וחלונית הסיוע מבוסס-AI.
התובנות במסוף ולוח העזרה מבוסס-AI הן רק שניים מתוך הרבה שיפורים בכלי הפיתוח ב-2024.

יכול להיות ששמתם לב שגם בחלונית Performance (ביצועים) בוצעו הרבה שיפורים השנה, כולל האפשרות לעקוב אחרי מדדי ה-Web Vitals הבסיסיים בזמן אמת ולהוסיף הערות. בנוסף, שילבנו את היכולות של Lighthouse בחלונית הביצועים באמצעות תובנות לגבי הביצועים.

השיפורים האלה מבוססי-AI, השיפורים בחלונית הביצועים ועשרות העדכונים שנועדו לשפר את חוויית המשתמש, כמו תגי גלילה, הופכים את כלי הפיתוח של Chrome ליעילים יותר מאי פעם. ב-2025 נשיק עוד שיפורים, כמו שדרוג הביצועים באמצעות מודלים חדשים של Gemini 2.0. כדאי לעקוב אחרי העדכונים.

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

מאינטרפולציה של מעברי צבע ועד מאפיינים מותאמים אישית רשומים, Baseline 2024 כולל עד עכשיו 39 תכונות חדשות לאינטרנט שפועלות בכל הדפדפנים. אם תכונה מסוימת היא חלק מה-Baseline במשך 30 חודשים לפחות, לא צריך לדאוג לגבי יכולת פעולה הדדית. אבל אם אתם מנסים להחליט אם כדאי להשתמש בתכונה חדשה למרות הסיכון לאובדן פוטנציאלי של חלק מהחשיפה, כדאי לעיין בתובנות של Akamai לגבי ארכיון RUM כדי לקבל מידע על התכונות של כל גרסת Baseline ועל נתח המשתמשים הגלובלי.

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

דפדפנים מובילים הופכים יותר תכונות לבסיס להשוואה באמצעות Interop 2024

כדי להוסיף עוד תכונות ל-Baseline, שוב עבדנו עם השותפים שלנו על Interop 2024. התכונות שאנחנו מתכננים להשיק השנה כוללות את popover,‏ CSS nesting,‏ font-size-adjust ותחביר יחסי של צבעים.

בנוסף, Interop מציג ציונים לגרסאות ניסיוניות ויציבות של דפדפנים. נכון לעכשיו, ציון התאימות הכולל לדפדפנים יציבים הוא 87, וציון התאימות של Chrome Stable הוא 98, לקראת סוף השנה. אפשר לעקוב אחרי ההתקדמות של הדפדפנים בלוח הבקרה של Interop. אנחנו כבר מתכננים את Interop 2025, שנודיע עליו בפברואר.

מקדמים יחד את הצמיחה של האינטרנט בשנה החדשה

ההתקדמות שלנו בשנת 2024 מרשימה, אבל אנחנו יודעים שהעתיד יהיה עוד יותר מבטיח. כל זה קורה בזכות התשוקה, המשוב והחדשנות שלכם – קהילת המפתחים שלנו. באירועים בכל העולם, מ-BrazilJS Conference ו-DevFest Paris ועד Google I/O 2024 ו-Web AI Summit הראשון, דבר אחד היה ברור לנו שוב ושוב: לכולכם יש אמונה בכוח של האינטרנט ובפוטנציאל שלו, בדיוק כמו לנו.

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