الميزات الجديدة في Chrome 60

  • تتيح لك Paint Timing API قياس الوقت الذي يستغرقه عرض المحتوى لأول مرة والوقت المطلوب لأوّل عرض محتوى باستخدام واجهة برمجة التطبيقات Paint Timings AP.
  • تتيح لك font-display التحكّم في طريقة عرض الخطوط قبل تنزيلها.
  • تم طرح WebAssembly
  • وهناك الكثير غيرها.

هل تريد الاطّلاع على القائمة الكاملة بالتغييرات؟ راجِع قائمة تغييرات مستودع مصدر Chromium

اسمي بيت ليب. لنطّلِع على التفاصيل ونتعرّف على الميزات الجديدة لمطوّري البرامج في Chrome 60.

واجهة برمجة تطبيقات أوقات الرسم

عندما ينتقل المستخدم إلى صفحة ويب، فإنه يبحث عن بعض الملاحظات المرئية لطمأنة المستخدم بأن كل شيء يعمل بشكل جيد. باستخدام واجهة برمجة تطبيقات PaintTimings الجديدة، يمكننا الآن قياس ذلك.

وتعرض واجهة برمجة التطبيقات مقياسَين:

  • وقت عرض محتوى الصفحة للمرة الأولى: يشير هذا الحقل إلى النقطة التي يبدأ فيها المتصفّح عرض عنصر، وهو الجزء الأول من المحتوى على الشاشة.
  • الوقت المستغرق في عرض أول جزء من المحتوى على الصفحة: يشير إلى النقطة التي يعرض فيها المتصفّح الجزء الأول من المحتوى من نموذج العناصر في المستند (DOM) أو نص أو صورة أو غير ذلك.

اطّلِع على مقالة الاستفادة من مقاييس الأداء الأكثر تأثيرًا في تجربة المستخدم لمعرفة كيفية تتبُّع هذه المقاييس واستخدامها لتحسين تجربتك.

سمة font-display في خدمة مقارنة الأسعار (CSS)

تتيح لك خطوط الويب إمكانية دمج أسلوب الخط الغني. ولكن، إذا لم يكن لدى المستخدم نمط الخط بالفعل، فيجب تنزيله، مما قد يجعل موقعك يبدو بطيئًا.

لحسن الحظ، ستستخدم معظم المتصفحات عنصرًا احتياطيًا إذا استغرق تنزيل الخط وقتًا طويلاً جدًا. تتيح لك السمة font-display الجديدة التحكّم في طريقة عرض الخط القابل للتنزيل قبل أن يتم تحميله بالكامل.

  • تستخدم auto أي استراتيجية لعرض الخطوط يستخدمها وكيل المستخدم.
  • تمنح block واجهة الخط فترة قصيرة وفترة تبديل غير محدودة.
  • swap: تحديد فترة حظر في الثانية صفر وفترة تبديل غير محدودة لخط الخط.
  • تمنح fallback واجهة الخط فترة حظر صغيرة للغاية وفترة تبديل قصيرة.
  • optional: تحديد فترة حظر صغيرة للغاية للخط وفترة تبديل ثانية صفرية.

وهو متوافق مع إصدارات Chrome 60 وOpera، ويجري تطويره على Firefox. اطّلِع على التحكّم في أداء الخطوط باستخدام font-display للحصول على مزيد من المعلومات.

WebAssembly

يوفر Web Assembly أو Wasm طريقة جديدة لتشغيل التعليمات البرمجية، مكتوبة بلغات مثل C وC++ على الويب، بالسرعة الأصلية تقريبًا.

وهي توفّر السرعة اللازمة لإنشاء محرِّر فيديو في المتصفّح أو لتشغيل لعبة Unity بعدد لقطات مرتفع في الثانية باستخدام واجهات برمجة التطبيقات الحالية لنظام التشغيل على الويب والمستندة إلى المعايير.

يمكنك الحصول على مزيد من المعلومات على webassembly.org، بما في ذلك العروض التوضيحية والمستندات وكيفية البدء.

ومقاييس أخرى

  • تسمح واجهة برمجة التطبيقات Web Budget API الجديدة للمواقع الإلكترونية التي لديها إذن "الإشعارات الفورية" بإرسال عدد محدود من رسائل الدفع التي تعمل في الخلفية مثل مزامنة البيانات أو إغلاق الإشعارات، بدون الحاجة إلى عرض إشعار مرئي للمستخدم.
  • أصبح PushSubscription.expirationTime متاحًا الآن لإعلام المواقع الإلكترونية بموعد انتهاء الاشتراك وتاريخ انتهاء صلاحيته.
  • أصبحت خصائص سكون الكائنات وانتشارها متاحة، ما يسهّل دمج الكائنات واستنساخها السطحي وتنفيذ العديد من أنماط الكائنات غير القابلة للتغيير.

ملاحظة: تم إرسال Payment Request API إلى Chrome 61.

هذه ليست سوى بعض التغييرات في إصدار Chrome 60 للمطوّرين.

بعد ذلك، اشترِك في قناتنا على YouTube، وستتلقّى إشعارًا عبر البريد الإلكتروني عندما ننشر فيديو جديدًا.

اسمي بيت ليب، وبعد طرح الإصدار 61 من Chrome، سأكون على استعداد هنا لإخبارك بالجديد في Chrome!