- تتيح لك Paint Timing API قياس وقت عرض أول محتوى مرئي و وقت عرض أول محتوى مرئي باستخدام Paint Timings AP.
- يتيح لك الخيار
font-displayالتحكّم في كيفية عرض الخطوط قبل تنزيلها. - طرح WebAssembly
- وهناك المزيد.
هل تريد الاطّلاع على القائمة الكاملة بالتغييرات؟ اطّلِع على قائمة التغييرات في مستودع مصدر Chromium.
اسمي بيت ليبيه. لنلقِ نظرة على الميزات الجديدة التي تهمّ المطوّرين في الإصدار 60 من Chrome.
واجهة برمجة التطبيقات Paint timings API
عندما ينتقل المستخدم إلى صفحة ويب، يبحث عن بعض الملاحظات المرئية لطمأنته بأنّ كل شيء يعمل على ما يرام. باستخدام واجهة برمجة التطبيقات الجديدة لقياس أوقات الرسم، أصبح بإمكاننا الآن قياس ذلك.
تعرض واجهة برمجة التطبيقات مقياسَين:
- الوقت المستغرَق لعرض أول محتوى: يحدِّد هذا المقياس النقطة التي يبدأ فيها المتصفّح بعرض أول جزء من المحتوى على الشاشة.
- مدة عرض أوّل محتوى مرئي: يحدِّد هذا المقياس النقطة التي يعرض فيها المتصفّح أوّل جزء من المحتوى من نموذج DOM أو نص أو صورة أو غير ذلك.
اطّلِع على مقالة الاستفادة من مقاييس الأداء الأكثر تأثيرًا في تجربة المستخدم لمعرفة كيفية تتبُّع هذه المقاييس واستخدامها لتحسين تجربتك.
خاصية font-display في CSS
تمنحك "خطوط الويب" إمكانية دمج صياغة أحرف غنية. ولكن إذا لم يكن لدى العميل نوع الخط، يجب تنزيله، ما قد يؤدي إلى ظهور موقعك الإلكتروني بطيئًا.
لحسن الحظ، ستستخدم معظم المتصفّحات خطًا احتياطيًا إذا استغرق تنزيل الخط وقتًا طويلاً جدًا. تتيح لك السمة الجديدة font-display التحكّم في كيفية عرض
الخط القابل للتنزيل قبل تحميله بالكامل.
- يستخدم
autoأي استراتيجية لعرض الخطوط يستخدمها وكيل المستخدم. - يمنح الرمز
blockخط الكتابة فترة حظر قصيرة وفترة تبديل لانهائية. - يمنح الرمز
swapخط الكتابة فترة حظر صفرية ثانية وفترة تبديل لانهائية. - يمنح
fallbackخطّ الرقعة فترة حظر صغيرة جدًا وفترة تبديل قصيرة. - يمنح الرمز
optionalخط الكتابة فترة حظر صغيرة جدًا وفترة تبديل تبلغ صفر ثانية.
وهي متاحة في الإصدار 60 من Chrome وOpera، وقيد التطوير في Firefox.
اطّلِع على مقالة التحكّم في أداء الخطوط باستخدام font-display للحصول على مزيد من المعلومات.
WebAssembly
يوفّر WebAssembly أو wasm طريقة جديدة لتشغيل الرموز البرمجية المكتوبة بلغات مثل C وC++ على الويب بسرعة تقارب السرعة الأصلية.
وتوفّر هذه السرعة اللازمة لإنشاء محرِّر فيديو داخل المتصفّح أو لتشغيل لعبة Unity بمعدّل عرض لقطات عالٍ باستخدام واجهات برمجة التطبيقات الحالية لنظام التشغيل الويب المستنِد إلى المعايير.
يمكنك العثور على مزيد من المعلومات على webassembly.org، بما في ذلك العروض التوضيحية والمستندات وكيفية البدء.
وغير ذلك
- تتيح واجهة برمجة التطبيقات الجديدة Web Budget API للمواقع الإلكترونية التي حصلت على إذن الإشعارات الفورية إرسال عدد محدود من الرسائل الفورية التي تؤدي إلى بدء مهام في الخلفية، مثل مزامنة البيانات أو إغلاق الإشعارات، بدون الحاجة إلى عرض إشعار يظهر للمستخدم.
- تتوفّر الآن
PushSubscription.expirationTime، وهي تُرسِل إشعارًا إلى المواقع الإلكترونية عند انتهاء صلاحية اشتراك أو إذا كان ذلك سيحدث. - أصبحت سمات Object rest & spread متوفّرة الآن، ما يسهّل دمج الكائنات ونسخه المسطح وتنفيذ أنماط مختلفة للكائنات غير القابلة للتغيير.
ملاحظة: تم طرح Payment Request API في الإصدار 61 من Chrome.
هذه ليست سوى بعض التغييرات في الإصدار 60 من Chrome المخصّص للمطوّرين.
بعد ذلك، يمكنك الاشتراك في قناتنا على YouTube، وستلقّى إشعارًا عبر البريد الإلكتروني كلما طرحنا فيديو جديدًا.
اسمي "بيت ليبيت"، وسأطلعك على الميزات الجديدة في Chrome فور طرح الإصدار 61.