Aurora
تعاون بين مهندسي Chrome وأُطر عمل الويب مفتوحة المصدر لتحسين تجربة المستخدم على الويب، مع التركيز بشكل خاص على الأداء.
التعريف بمشروع Aurora
تؤدي الأدوات وأطر العمل المفتوحة المصدر دورًا كبيرًا في تمكين المطوّرين من إنشاء تطبيقات حديثة للويب مع دعم التجارب الجيدة للمطوِّرين.
الميزات الجديدة
في العام 2023، يركّز فريق Aurora على تحسين مؤشرات أداء الويب الأساسية للتطبيقات التي تستخدم إطارات عمل الويب. نعمل حاليًا على عقد شراكة مع Next.js وAngular وNuxt لتوفير ميزات الأداء.
من المدوّنة
حزمة Next.js لإدارة مكتبات الجهات الخارجية
مزيد من المعلومات عن مكونات برنامج تضمين Next.js الجديدة للجهات الخارجية الشهيرة مثل YouTube و"خرائط Google" و"إحصاءات Google".
الوصول إلى نموذج العناصر في المستند (DOM) بأمان باستخدام Angular SSR
تعرَّف على كيفية استخدام نموذج العناصر في المستند (DOM) وSSR بأمان في Angular
ما الجديد في NgOptimizedImage؟
تعرف على الميزات الجديدة المضمنة في توجيه Angular NgOptimizedImage التي تساهم في تحسين أداء الصور في تطبيقات Angular.
أدوات إطار العمل للعناصر الاحتياطية للخطوط
تعرّف على كيفية ضبط حجم العناصر الاحتياطية للخطوط لمنع متغيّرات التصميم التراكمية (CLS)، وذلك باستخدام أدوات في Next.js وNuxt وVite وCapsize.
عناصر احتياطية محسَّنة للخطوط
يمكنك التعمّق في المنهجية المتّبعة لإنشاء عناصر احتياطية للخطوط وواجهات برمجة التطبيقات لتعديل الحجم وتجاوز الصعود وتجاوز الهبوط وتجاوز فجوة الأسطر.
داخل دالة polyfill لاستعلام الحاوية
ألق نظرة خاطفة على كيفية عمل polyfill، والتحديات التي تتغلب عليها، وأفضل الممارسات عند استخدامها لتقديم تجربة مستخدم رائعة.
تحسين الصور باستخدام التوجيه Angular للصور
اطّلِع على كيفية الاستفادة من توجيه الصور في Angular في تحسين سرعة عرض أكبر جزء من المحتوى على الصفحة (LCP)، وهو متوفّر الآن من خلال الإصدار 14.
تحسين تحميل النص البرمجي التابع لجهة خارجية في Next.js
يمكنك فهم الرؤية وراء مكوّن النص البرمجي Next.js، وهو حل مدمج لتحسين تحميل النصوص البرمجية التابعة لجهات خارجية.
المحادثات التقنية الأخيرة
شاهد مقاطع الفيديو هذه للتعرف على أحدث مشاريع Aurora وميزاتها وأفضل الممارسات المتعلقة بها.
تحسين تحميل الجهات الخارجية في Next.js
مؤتمر Next Conf لعام 2023: تعرَّف على حزمة الجهات الخارجية الجديدة/التالية التي أطلقناها مع برنامج Next 14.
أدوات إطار العمل لتحسين الصور
Perf.now() 2023 قبل الفعالية: اطّلِع على مزيد من المعلومات عن أدوات إطار العمل التي طوّرناها في Next.js وAngular لتحسين أداء الصور.
محادثة بجانب المدفأة باستخدام Chrome Aurora
شاهِد استخدام ReactNYC في عام 2023 من خلال المحادثة مع "حسين جيرده" من فريق Chrome Aurora.
شفق كروم
Infobip Shift 2022: تعرَّف على كيفية عمل فريق Chrome Aurora على تطوير المنظومة المتكاملة لإطار عمل الويب من خلال التعاون مع Next.js وNuxt وAngular.
تحسين الصور باستخدام Angular
ng-conf لعام 2022: تتناول هذه الجلسة الطرق المتعددة التي يمكن أن تؤدي من خلالها الصور إلى إبطاء تطبيقك، والتحسينات التي ينصح بها فريق Aurora لتجنّب هذه المشاكل.
Nuxt وChrome
Vue Conf US 2022: تعرَّف على أحدث عمليات التعاون بين Chrome وNuxt وأفضل الممارسات المقترَحة لتحسين الصور والخطوط في تطبيق Nuxt.