- באמצעות Paint Timing API תוכלו למדוד את הזמן עד ל-Paint Timing API ואת הזמן עד ל-Paint Timings.
- באמצעות
font-displayאפשר לקבוע את אופן העיבוד של הגופנים לפני שהם מורידים אותם. - פלטפורמת WebAssembly נחתה
- ויש עוד עוד המון!
רוצה את רשימת השינויים המלאה? עיון ברשימת השינויים במאגר המקורות של Chromium
אני Pete LePage. בואו לראות מה חדש למפתחים ב-Chrome 60!
API של תזמוני צבע
כשמשתמש מנווט לדף אינטרנט, הוא מחפש משוב חזותי כדי לוודא שהכול עובד כמו שצריך. עם ה-API החדש לתזמון הצגת מודעות, אפשר עכשיו למדוד זאת.
ב-API נחשפים שני מדדים:
- Time to first Paint – הסמל הזה מציין את הנקודה שבה הדפדפן מתחיל לעבד משהו, שהוא ביט התוכן הראשון במסך.
- Time to first Contentful Paint – שמסמן את הנקודה שבה הדפדפן מעבד את קטע התוכן הראשון מה-DOM, מהטקסט, מהתמונה וכו'.
מומלץ לקרוא את המאמר מינוף מדדי הביצועים שהכי משפיעים על חוויית המשתמש כדי ללמוד איך לעקוב אחרי המדדים האלה ולהשתמש בהם כדי לשפר את החוויה שלכם.
נכס CSS מסוג font-display
Web Fonts מאפשר לשלב טיפוגרפיה עשירה. עם זאת, אם המשתמש לא משתמש כבר בגופן, צריך להוריד אותו וכך האתר ייראה איטי.
למרבה המזל, רוב הדפדפנים ישתמשו בחלופה אם ההורדה של הגופן נמשכת יותר מדי זמן. המאפיין החדש של font-display מאפשר לשלוט באופן שבו גופן להורדה רינדור לפני שהוא נטען במלואו.
autoמשתמש בכל אסטרטגיית הצגת גופנים שמשמשת את הסוכן המשתמש.blockנותן לגופן פרק זמן קצר ותקופת החלפה אינסופית.swapנותן לגופן בלוק של אפס שניות ותקופת החלפה אינסופית.fallbackנותן לפני הגופן פרק זמן קצר מאוד ופרק זמן של החלפה קצרה.optionalנותן לפני הגופן פרק זמן של בלוקים קטנים במיוחד ותקופת החלפה של אפס שניות.
היא נתמכת ב-Chrome 60 וב-Opera והיא נמצאת בפיתוח ב-Firefox.
אפשר לקרוא מידע נוסף במאמר שליטה בביצועי הגופנים באמצעות font-display.
WebAssembly
Web Assembly או Wasm מספקים דרך חדשה להרצת קוד, שנכתבת בשפות כמו C ו-C++ באינטרנט, במהירות כמעט מותאמת.
השירות מספק את המהירות הדרושה כדי לבנות עורך סרטונים בדפדפן או להריץ משחק Unity בקצב פריימים גבוה, תוך שימוש בממשקי API קיימים של פלטפורמות אינטרנט מבוססות-תקנים.
תוכלו למצוא מידע נוסף באתר webassembly.org, כולל הדגמות, מסמכים והוראות לתחילת העבודה.
ופעולות נוספות.
- ה-Web Budget API החדש מאפשר לאתרים עם הרשאת 'התראות' לשלוח מספר מוגבל של הודעות דחיפה להפעלה ברקע, כמו סנכרון נתונים או דחיית התראות, בלי שיהיה צורך להציג התראה גלויה למשתמש.
PushSubscription.expirationTimeזמין עכשיו, כדי להודיע לאתרים מתי ואם יפוג תוקף המינוי.- עכשיו יש תמיכה במאפייני מנוחה והפצה של אובייקטים, כך שקל יותר למזג אובייקטים עם שכפול רדוד ולהטמיע תבניות שונות של אובייקטים שלא ניתנים לשינוי.
הערה: ה-Payment Request API הועבר ל-Chrome 61.
אלה הן רק כמה דוגמאות לשינויים ב-Chrome 60 למפתחים.
לאחר מכן תירשמו לערוץ YouTube שלנו, ותקבלו התראה באימייל בכל פעם שנשיק סרטון חדש.
אני פיט לעמוד, וברגע ש-Chrome 61 יפורסם, אני אספר לכם מה חדש ב-Chrome!