تاريخ النشر: 10 نوفمبر 2026
في هذا العصر الجديد من تطوير الويب المستند إلى الوكلاء، يتوقّع مطوّرو تطبيقات الويب أن يكون وكلاء الترميز خبراء في إنشاء تطبيقات الويب. وعلى الرغم من أنّ أحدث نماذج الترميز المتطوّرة قادرة على إنشاء رموز برمجية تعمل بشكل جيد، إلا أنّه إذا طلبت من خبير في تطوير تطبيقات الويب مراجعة الرمز البرمجي الذي تم إنشاؤه باستخدام الذكاء الاصطناعي، فسيجد دائمًا طرقًا لجعل الرمز أسرع أو أكثر سهولة في الاستخدام أو أكثر أمانًا.
يستثمر Chrome بشكل كبير في مستقبل تطوير الويب المستند إلى الذكاء الاصطناعي الوكيل، ولمواجهة هذا التحدي، قدّمنا نسخة مبكرة حصرية من إرشادات الويب الحديث في مؤتمر Google I/O في مايو. إرشادات الويب الحديث هي مجموعة من المهارات التي تدمج خبرات منصة الويب وأفضل الممارسات وبيانات توافق المتصفّح مباشرةً في وكلاء الترميز.
يسرّنا اليوم الإعلان عن الإصدار الثابت من "إرشادات الويب الحديث"، الإصدار 1.0، والذي يتضمّن ما يلي:
- سير عمل جديد للتحديث يفحص قاعدة الرموز البرمجية الحالية لمساعدة الوكيل في العثور على فرص للتحديث بأمان
- قاعدة بيانات موسّعة للأدلة تستهدف مئات الثغرات المعرفية التي تم التحقّق منها في مجال الذكاء الاصطناعي، مع حلول متوافقة مع جميع المتصفّحات تم التحقّق منها من قِبل الخبراء.
- مراجعة أكثر دقة من خبراء بشريين لكل دليل، بما في ذلك الموافقة من قادة التكنولوجيا في مجال المحتوى ومراجعة مخصّصة لتسهيل الاستخدام في الأدلة الموجّهة للمستخدمين
- تغطية تقييم كاملة لجميع أدلّتنا من خلال لوحة بيانات تقييم علنية تعرض التحسينات القابلة للقياس مقارنةً بالوكلاء الذين لا يستخدمون ميزة "إرشادات الويب الحديث".
مع الإصدار 1.0، يسرّنا أيضًا الإعلان عن أنّ "إرشادات الويب الحديث" ستصبح جهدًا مشتركًا بين المتصفّحات، حيث سينضم Firefox وEdge إلى Chrome لدعم المشروع وتحسين التوافق بين المتصفّحات والمساهمة فيه. استنادًا إلى عملنا المشترك مع Baseline، هدفنا هو ضمان أن يتمكّن أي شخص يكتب الرموز البرمجية باستخدام وكيل من الاستفادة بشكل كامل من إمكانات منصة الويب الحديثة.
بغض النظر عن النماذج أو أنظمة توجيه الوكلاء التي تستخدمها، إذا كنت تطوّر تطبيقات للويب، فإنّ مهارة "إرشادات الويب الحديث" هي جزء أساسي من سير عملك المستند إلى الوكلاء.
لتثبيت إرشادات الويب الحديث، نفِّذ الأمر التالي من دليل مشروعك:
npx modern-web-guidance@latest install
أو إذا سبق لك تثبيت إصدار سابق، يمكنك التحديث إلى الإصدار 1.0 من خلال تشغيل:
npx modern-web-guidance@latest update
للحصول على تعليمات إضافية حول التثبيت أو لمزيد من المعلومات، يُرجى الاطّلاع على مستندات "إرشادات الويب الحديث" أو مشاهدة هذا الفيديو للحصول على نظرة عامة موجزة:
أهمية استخدام المطوّرين والشركات لـ "إرشادات الويب الحديث"
لا شك في أنّ وكلاء الترميز ساعدوا المطوّرين في كتابة الرموز البرمجية بشكل أسرع من أي وقت مضى. ولكن في عالم يستخدم فيه الجميع وكلاء الترميز، لم تعُد السرعة ميزة تنافسية.
في الوقت الحالي، أصبح من المهم أكثر من أي وقت مضى التميّز في العوامل الأساسية، مثل سهولة الاستخدام وجودة التجربة. إليك بعض الطرق التي يمكن أن تساعدك بها ميزة "إرشادات الويب الحديث":
تطبيق أفضل الممارسات التي غالبًا ما تغفل عنها النماذج
على الرغم من أنّ نماذج الترميز الرائدة تفهم جيدًا العديد من أفضل الممارسات، تُظهر تقييماتنا أنّه لا يزال هناك عدد من المجالات المهمة التي لا تفي فيها هذه النماذج بالغرض، مثل:
- تسهيل الاستخدام: التركيز على لوحة المفاتيح وإدارة العناصر غير النشطة، ودعم تقليل الحركة، والتحقّق من صحة النماذج التي تسهّل الاستخدام.
- تجربة المستخدم: إيماءات التمرير السريع واللمس، وانتقالات مربّعات الحوار والنوافذ المنبثقة، وتنفيذ المظهر الفاتح/الداكن.
- الأداء: جدولة مهام سلسلة التعليمات الرئيسية، وعزل العرض خارج الشاشة، ومنع تغيير التنسيق
- الأمان: تنظيف HTML الآمن، وسياسات أمان المحتوى الصارمة، وإدارة بيانات اعتماد مفاتيح المرور.
من المهم بشكل خاص اتّباع أفضل ممارسات تسهيل الاستخدام بشكل صحيح لأنّ الأخطاء، مثل استخدام ARIA بشكل سيئ، يمكن أن تجعل الصفحة أقل سهولة في الاستخدام مقارنةً بعدم استخدام ARIA على الإطلاق. بالنسبة إلى الإصدار 1.0، راجع خبراء أدوات تسهيل الاستخدام الأدلة الموجّهة للمستخدمين واختبروها باستخدام تكنولوجيات مساعِدة حقيقية يعتمدون عليها يوميًا.
استخدام أفضل ميزة ويب للمهمة
تُعدّ نماذج الذكاء الاصطناعي فعّالة جدًا في معرفة كيفية تنفيذ المهام باستخدام JavaScript، ولكن في كثير من الحالات، تتوفّر ميزات HTML أو CSS يمكنها تنفيذ المهمة نفسها باستخدام رمز برمجي أقل بكثير. وبما أنّ المتصفّح يتعامل معها، فإنّها عادةً ما تحقّق أداءً أفضل وتوفّر إمكانات تسهيل الاستخدام. على سبيل المثال:
- ميزات لإضافة تأثيرات حركية إلى النوافذ المنبثقة ومربّعات الحوار
- ميزات لتحسين التفاعلات المستندة إلى التمرير السريع
- واجهات برمجة تطبيقات أفضل لعمليات انتقال سلسة بين الصفحات
يمكن أن تؤدي الميزات الجديدة أيضًا إلى تحسين تجربة الموقع الإلكتروني بطرق تهمّ المستخدمين. على سبيل المثال:
- مفاتيح المرور وWebAuthn: لتجارب تسجيل دخول أسرع وأكثر أمانًا
- الملء التلقائي: لتحسين مسارات الدفع (خاصةً على الأجهزة الجوّالة) التي غالبًا ما تفشل عند استخدام عناصر تحكّم مخصّصة في النماذج المستندة إلى JavaScript
تم تصميم مهارة "إرشادات الويب الحديث" لاقتراح أفضل ميزة للمهمة، استنادًا إلى متطلبات دعم المتصفّح. تتضمّن أدلّته بيانات Baseline وتوافق المتصفّحات، ما يتيح له تخصيص اقتراحاته وفقًا لاحتياجات مشروعك.
فحص قاعدة الرموز البرمجية والعثور على فرص لتحديثها
لا يتم تطوير معظم المواقع الإلكترونية في مشاريع جديدة تمامًا. ويحدث ذلك في قواعد الرموز البرمجية الحالية التي تراكمت فيها لسنوات حلول بديلة قديمة وتبعيات غير ضرورية ورموز polyfill لم تعد هناك حاجة إليها.
يضيف الإصدار 1.0 سير عمل جديدًا للتحديث يمكنه تحليل ملفات HTML وCSS وJavaScript وpackage.json الحالية للعثور على فرص للترقية بأمان، ثم توجيه الوكيل خلال التغييرات.
/modern-web-guidance Modernize the code in this directory
في هذا الإصدار الأول، يستخدم سير عمل التحديث التحليل الثابت للتحقّق من مجموعة محدودة من الأنماط. اخترنا البدء بنطاق ضيق يحقّق نتائج متوقعة، ثم التوسّع من هناك. بمرور الوقت، نخطط لتغطية المزيد من المجالات، بما في ذلك عمليات التدقيق المستندة إلى الوكلاء، حيث يحلّل الوكيل الرموز البرمجية مباشرةً بدلاً من مجرد مطابقة الأنماط المعروفة.
مواكبة تطوّر منصة الويب
تتغيّر منصة الويب باستمرار. يتم طرح ميزات جديدة في المتصفّحات في كل مرحلة، والميزات الحالية التي ربما لم تتمكّن من استخدامها من قبل أصبحت أساسية مع كل إصدار جديد من المتصفّح.
بما أنّ ميزة "إرشادات الويب الحديث" تستند إلى بيانات التوافق في Baseline، ويتم تعديل اقتراحاتها من قِبل مهندسي المتصفّحات وخبراء معايير الويب والمتخصّصين في تسهيل الاستخدام، تتطوّر هذه الاقتراحات مع المنصة نفسها، ويمكن الآن لمشروعك أيضًا مواكبة هذا التطوّر.
التعرّف على ميزات الويب الجديدة وأفضل الممارسات
على الرغم من أنّ إرشادات الويب الحديث تم تصميمها في الأساس كأداة للوكلاء، فقد أخبرنا العديد من المطوّرين بأنّهم وجدوا الإرشادات مفيدة جدًا بحد ذاتها كمصدر للتعلّم.
حتى في عصر الترميز المستند إلى الوكلاء، لا تزال هناك قيمة في بناء الخبرة في المجال. ويمكن أن تساعدك إرشادات الويب الحديث في تحقيق ذلك، إما من خلال قراءة الإرشادات نفسها أو باستخدام واجهة سطر الأوامر للبحث عن حالات الاستخدام واكتشاف تقنيات جديدة قد تكون ذات صلة بمشروعك.
إقران "إرشادات الويب الحديث" بـ "أدوات مطوّري البرامج في Chrome المخصّصة للوكلاء"
في تطوير الويب المستند إلى الوكلاء، لا يمثّل إنشاء الرموز البرمجية سوى جزء واحد من سير العمل. تحتاج أيضًا إلى تشغيل هذا الرمز للتأكد من أنه يعمل كما هو متوقع. لهذا السبب، ننصح المطوّرين باستخدام "إرشادات الويب الحديث" مع أدوات مطوّري البرامج في Chrome المخصّصة للوكلاء.
- تمنح مهارة إرشادات الويب الحديث الوكيل الخبرة اللازمة لكتابة الرموز البرمجية باتّباع أفضل الممارسات الحديثة.
- تمنح أدوات مطوّري البرامج في Chrome المخصّصة للوكلاء الوكيل إمكانية الاطّلاع على بيئة التشغيل ليتمكّن من التحقّق من هذا الرمز وتصحيح أخطائه وتحسينه على مستوى مجموعة واسعة من إمكانات الأجهزة وإعدادات المستخدمين المفضّلة وحالات الشبكة.
يساعد ذلك وكيلك في الوصول إلى حلّ أفضل في عدد أقل من الجولات. في ما يلي بعض الأمثلة على كيفية استخدام هذه الأدوات معًا لزيادة الفعالية إلى أقصى حد:
تحسين الأداء حتى تحقيق الأداء المستهدف
يمكن أن يوضّح "إرشادات الويب الحديث" لوكيلك كيفية تقسيم مهام JavaScript الطويلة التي تحظر سلسلة التعليمات الرئيسية بفعالية، ولكن لا يمكنه اختبار الرمز البرمجي لمعرفة المدة التي تحظر فيها مهام JavaScript سلسلة التعليمات الرئيسية فعليًا.
باستخدام "أدوات مطوّري البرامج في Chrome المخصّصة للوكلاء"، يمكنك تتبُّع الأداء على وحدة معالجة مركزية منخفضة المواصفات لمعرفة ما إذا كانت هناك مشكلة، ثم استخدام نصائح الأداء من إرشادات الويب الحديث للتكرار إلى أن يتوقف الرمز البرمجي عن حظر سلسلة التعليمات الرئيسية لأكثر من 50 ملي ثانية (كي لا يساهم في انخفاض مقياس مدى استجابة الصفحة لتفاعلات المستخدم (INP)).
اختبار الصور المتحركة وتحسينها
يمكن أن توضّح إرشادات الويب الحديث للوكيل كيفية تحريك ميزات مثل مربّعات الحوار المشروطة وتلميحات الشاشة وقوائم النوافذ المنبثقة بشكل صحيح وفعّال، ولكن حتى مع هذه الإرشادات، عليك التحقّق من أنّ الصور المتحركة تعمل بشكل جيد وتبدو جيدة عند استخدامها في سياق تطبيقك الكامل.
يمكن لأدوات مطوّري البرامج في Chrome المخصّصة للوكلاء تشغيل الرمز البرمجي والتفاعل مع الصفحة وتسجيل الشاشة أثناء عرض الحركة. ويمكنه بعد ذلك دراسة التسجيل للتأكّد من أنّ الصورة المتحركة تعمل وأنّها تتناسب مع أسلوب ومظهر بقية الموقع الإلكتروني.
يمكنك أيضًا استخدام "أدوات مطوّري البرامج في Chrome المخصّصة للوكلاء" للتأكّد من أنّ المكوّن يلتزم بتفضيلات المستخدم عند ضبط prefers-reduced-motion.
تخزين طرق العرض مؤقتًا بدون تسرُّب الذاكرة
يمكن أن تساعد مهارة "إرشادات الويب الحديث" وكيلك في جعل عمليات الانتقال في تطبيقات الصفحة الواحدة تبدو فورية من خلال عرض طرق العرض وتخزينها مؤقتًا في الذاكرة، مع إخفائها بشكل صحيح من شجرة تسهيل الاستخدام.
ومع ذلك، من المهم عند إجراء ذلك التأكّد من تنظيف طرق العرض غير المستخدَمة بشكل صحيح لعدم تسرُّب الذاكرة إذا بقي المستخدم على الصفحة لفترة طويلة. تتضمّن "أدوات مطوّري البرامج في Chrome المخصّصة للوكلاء" أدوات لتصحيح أخطاء الذاكرة، ما يتيح للوكيل التأكّد من أنّ استخدام الذاكرة لا يزداد بلا حدود.
لإلقاء نظرة عن كثب على كيفية استخدام إرشادات الويب الحديث و"أدوات مطوّري البرامج في Chrome المخصّصة للوكلاء" معًا، شاهِد هذا الفيديو:
قصص النجاح
تستخدم الفِرق الهندسية حول العالم حاليًا "إرشادات الويب الحديث" و"أدوات مطوّري البرامج في Chrome المخصّصة للوكلاء" لتحسين جودة الرموز البرمجية وتسريع عملية التسليم والتخلّص من المشاكل التي تعيق تصحيح الأخطاء يدويًا:
Pensionbazaar وPolicybazaar
استخدمت Pensionbazaar، وهي منصة جديدة للتخطيط للتقاعد أطلقتها شركة Paisabazaar الهندية للتكنولوجيا المالية، إرشادات الويب الحديث مع "أدوات مطوّري البرامج في Chrome المخصّصة للوكلاء" لإنشاء صفحات جديدة والتحقّق منها، ما أدى إلى تقليل الوقت اللازم لإنجاز العمل بنسبة تزيد عن %90 (من حوالي أربعة أيام إلى بضع ساعات) وتقليل أخطاء واجهة المستخدم على الشاشات الجديدة بنسبة تزيد عن %90. استخدمت منصة Policybazaar الشقيقة، وهي إحدى منصات التأمين الرائدة في الهند والتي تضم أكثر من 97 مليون عميل مسجّل، "أدوات مطوّري البرامج في Chrome المخصّصة للوكلاء" من أجل برمجة عمليات تدقيق الأداء في حوالي 30 صفحة مقصودة تشهد عددًا كبيرًا من الزيارات، ما أدى إلى تقليل الجهد اليدوي في التدقيق بنسبة %92:
"بالنسبة إلى Pensionbazaar، كانت أولويتنا هي إنشاء رمز برمجي عالي الجودة من اليوم الأول لتجنُّب الديون الفنية لاحقًا. وجّهت ميزة "إرشادات الويب الحديث" وكيل الترميز لدينا نحو اعتماد معايير الويب الحديثة وأفضل الممارسات المتعلّقة بالأداء مع الالتزام بأهدافنا المحدّدة المتعلّقة بالتوافق مع المتصفّحات. وقد جعل ذلك مراجعات الرموز البرمجية للواجهة الأمامية أسهل وأسرع بشكل كبير، ما أدى في النهاية إلى تحسين الوقت المستغرَق في عملية التطوير".
—أمان سوني، مدير الهندسة في Policybazaar
WeTV
أضافت WeTV، وهي منصة Tencent الدولية لبث الفيديوهات، وكيل ترميز مستند إلى الذكاء الاصطناعي إلى مسار التكامل المستمر/النشر المستمر، والذي يستخدم "أدوات مطوّري البرامج في Chrome المخصّصة للوكلاء" لتشخيص تراجُع الأداء و"إرشادات الويب الحديث" لإصلاح المشاكل باستخدام ميزات منصة الويب الحديثة. يُشخِّص الوكيل الآن تلقائيًا %90 من عمليات التحقّق من الأداء التي تعذّر إجراؤها ويحلّها، ما يقلّل من وقت تصحيح الأخطاء وحلّها بنسبة %87 (من أربع ساعات إلى 30 دقيقة، بما في ذلك التقييم اليدوي):
"كانت النتائج فعّالة للغاية من حيث السرعة والجودة. وقد قدّمت لنا إحصاءات بيانات التشخيص التي توفّرها "أدوات مطوّري البرامج في Chrome المخصّصة للوكلاء" و"إرشادات الويب الحديث" مراجع موثوقة لحلّ المشاكل المعقّدة في التنسيق. ونُجري عمليات تحقّق صارمة بعد كل إصلاح، وقد أدّى معدّل النجاح الحالي والاستقرار إلى تحسين ثقتنا في الإصدارات بشكل كبير".
—يانغجي تشنغ، رئيس قسم الهندسة في WeTV (Tencent)
note inc.
شركة note inc. هي إحدى أكبر منصات صنّاع المحتوى والوسائط في اليابان، وتضم أكثر من 90 مليون مستخدم نشط شهريًا. استخدمت الشركة "إرشادات الويب الحديث" إلى جانب نظام التصميم الداخلي لديها كجزء من جهودها المستمرة لتحديث واجهة Next.js الأمامية. من خلال تقييم شمل 180 عملية تشغيل على قاعدة الرموز البرمجية الخاصة بالإنتاج، رفعت ميزة "إرشادات الويب الحديث" معدّلات النجاح في عمليات التحقّق من الويب الحديث من %61 إلى %94 من خلال توجيه الوكلاء لاستخدام ميزات HTML وCSS الأصلية بدلاً من JavaScript المخصّصة للصور المتحركة التي تظهر عند الانتقال للأسفل، وتلميحات الشاشة، والقوائم المنسدلة. وأدّى ذلك أيضًا إلى زيادة تحديد الأولوية المناسبة لصورة LCP بنسبة %28 في 431 طلب دمج:
"تتمثّل مهمتنا في note في "البدء ومواصلة الابتكار"، لذا يجب أن تظل منصتنا سريعة وسهلة الاستخدام لكل صانع محتوى وقارئ. مع زيادة الاعتماد على وكلاء الذكاء الاصطناعي في كتابة الرموز البرمجية، تساعدهم ميزة "إرشادات الويب الحديث" في الوصول إلى حلول حديثة تستند إلى المعايير بدلاً من الاعتماد على أنماط JavaScript القديمة. وتشير أيضًا إلى التفاصيل التي يسهل تفويتها، مثل أولوية تحميل الصور وإمكانية الوصول إلى النماذج. وبفضل نظام التصميم الذي نستخدمه، يمكننا مواصلة تحسين تطبيق Note مع الحفاظ على اتساق واجهة المستخدم".
—تاكيهيكو إيتاباشي، نائب رئيس قسم التكنولوجيا في شركة note inc.
MetaMask
تستخدم MetaMask، وهي منصة مالية ذاتية الحفظ تم تنزيلها أكثر من 100 مليون مرة في حوالي 190 بلدًا، إرشادات الويب الحديث كبرنامج تتبُّع مبرمَج للمراجعة لكل طلب سحب إلى إضافة المتصفّح المفتوحة المصدر، ويتم ضبطها باستخدام طلب من ثلاثة أسطر فقط. في أول خمسة أسابيع، راجع الروبوت حوالي 480 طلب سحب وعلّق على 64 منها، ما دفع المهندسين إلى إصلاح 43 نتيجة (معظمها مشاكل في تسهيل الاستخدام ودلالات HTML والنماذج التي لا ترصدها أدوات linter) بمتوسط وقت يبلغ 15 دقيقة من التعليق إلى الإصلاح:
"المراجعات مفيدة حقًا. وقد ساعدت في إبراز واجهات برمجة التطبيقات الحديثة وتعريف مهندسينا بها، مثل واجهات برمجة التطبيقات Interest invokers وPopover. لم يؤدِّ ذلك إلى زيادة أوقات مراجعة طلبات الدمج، بل من المرجّح أنّه قلّلها. ولولا MWG، لكانت هذه المشاكل تطلّبت مراجِعًا بشريًا على دراية بتقنيات الويب الحديثة هذه."
—فرانسيس نيبوموسينو، مهندس تجربة المستخدم في MetaMask
دعم المنظومة المتكاملة والمنتدى
بدأت إرشادات الويب الحديث كمبادرة ضمن Chrome، ولكن الوصول إلى الإصدار 1.0 كان جهدًا تعاونيًا مع العديد من الخبراء في منتدى الويب.
نشكر قادة التكنولوجيا في مجال المحتوى الذين يشرفون على كل مجال من مجالات منصات الويب، وشركاء المتصفّحات في Firefox وEdge، وخبراء معايير الويب المستقلين وأدوات تسهيل الاستخدام الذين ألّفوا الأدلة واختبروها، وجميع المساهمين في البرامج المفتوحة المصدر على GitHub الذين ساعدوا في تشكيل هذا الإصدار.
إذا لاحظت ثغرة في ما يعرفه وكلاء الترميز عن الويب، أو أردت المساعدة في تحسين دليل حالي، يمكنك الاطّلاع على دليل المساهمة للمشاركة.
بدء استخدام ميزة "إرشادات الويب الحديث"
لإضافة إرشادات الويب الحديث إلى مشروعك، شغِّل أداة تثبيت واجهة سطر الأوامر من دليل مشروعك:
npx modern-web-guidance@latest install
أو إذا سبق لك تثبيت إصدار سابق، يمكنك التحديث إلى الإصدار 1.0 من خلال تشغيل:
npx modern-web-guidance@latest update
بالإضافة إلى واجهة سطر الأوامر، يمكنك تثبيت Modern Web Guidance وتحديثه مباشرةً من خلال أسواق المكوّنات الإضافية الأكثر رواجًا لوكلاء الترميز، بما في ذلك Claude Code وCodex وCursor وAntigravity وCopilot وWebStorm وKimi Code وGrok Build.
لمزيد من المعلومات، اطّلِع على المراجع التالية: