10 עדכונים מ-Google I/O 2024: איך למנף את כוחה של ה-AI לכל מפתחי אתרים

באוגוסט הקרוב ימלאו 35 שנים לאינטרנט. דורות של מפתחים עיצבו את הטכנולוגיה המדהימה הזו והביאו לחיינו אינספור חידושים. עכשיו אנחנו נמצאים בתחילת דור חדש, עם AI. ריכזנו כאן 10 תכונות מעניינות שהצגנו בכנס Developer Keynote ובסשנים של I/O, שיעזרו לכם לפתח טוב יותר – באמצעות אינטרנט חזק יותר שקל יותר לעבוד איתו.

1. שילוב של Gemini Nano ב-Chrome למחשב כדי לספק תכונות חדשות של AI במכשיר

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

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

2. WebAssembly ו-WebGPU מאפשרים להשתמש בבינה מלאכותית במכשיר, ללא קשר למודל ה-AI שבו אתם משתמשים

השקענו הרבה כדי להבטיח שמודלים של AI יפעלו במהירות וביעילות, באמצעות WebGPU ו-Wasm – הטכנולוגיות הבסיסיות שמאפשרות להשתמש ב-AI במכשיר באינטרנט. שיפורים חדשים כמו ערכים של נקודה צפה באורך 16 ביט ב-WebGPU, ו-Memory64 ו-JavaScript Promise Integration ב-Wasm, מאפשרים להריץ AI מהר יותר. בעזרת Wasm ו-WebGPU, ספריות ה-AI יוכלו להריץ מודלים בקנה מידה רחב במגוון עצום של חומרה.

3. כלי הפיתוח ל-Chrome מבוססי-AI יעזרו לכם לפתור באגים בצורה יעילה יותר

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

תובנות המסוף בכלים למפתחים ב-Chrome זמינות היום בתור תכונה ניסיונית בארה"ב, ובקרוב נשיק אותה במדינות נוספות.

4. Speculation Rules API מספק חוויות גלישה מיידיות

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

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

5. הצגת מעברים באתרים עם כמה דפים

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

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

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

7. כלי בסיס, ממש בתהליך העבודה

מומלץ לשלב את Baseline בתהליך העבודה. החל מהיום, RUM Archive Insights הוא כלי חדש למפתחים בארכיון של RUM ב-Akamai. בפעם הראשונה, תוכלו לראות זה לצד זה את נתח המשתמשים הגלובלי של גרסאות Baseline ותכונות שפותחות עם הגרסה הזו של Baseline.

8. איך שיפור ההידרציה ב-Angular מאפשר לשפר את הביצועים

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

9. תגובה מיידית ברמת פירוט גבוהה ב-Angular באמצעות Signals, מוכנה לשימוש

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

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

10. פיתוח חוויות סוחפות בתלת-ממד ב-Maps JavaScript API

אנחנו פותחים דרכים נוספות ליצירת חוויות אינטרנט immersive, על ידי הוספת מפות תלת-ממד פוטו-ריאליסטיות לממשק API של JavaScript במפות Google מהפלטפורמה של מפות Google. עכשיו תוכלו להשתמש בטכנולוגיית הרינדור של Google כדי להציג מפות 3D עשירות במהירות שהמשתמשים מצפים לה. החלק הכי טוב: אפשר להתחיל עם שורת קוד אחת.

אנחנו כבר ממש סקרנים לראות את החוויות המדהימים והמרתקים שתיצרו! מידע נוסף


בכל יום אתם מתמודדים עם המורכבות של הפיתוח ומרחיבים את גבולות האפשר. אנחנו שמחים לעזור לך ליצור חוויות חדשות שכולנו נהנה מהן. באתרים developer.chrome.com ו-web.dev תוכלו לקרוא מידע נוסף על האינטרנט החזק הזה, שקל יותר לעבוד איתו. חשוב גם ליצור איתנו קשר ב-X, ב-YouTube ועכשיו גם ב-LinkedIn.

נתראה בכנס I/O הבא!