هل بإمكان المتصفحات تحسين تحميل الموارد الخارجية؟

Addy Osmani
Addy Osmani

يتم استخدام موارد الجهات الخارجية (مثل التضمينات والنصوص البرمجية) بكثرة على الويب حاليًا. وهي تقدّم حلولاً مبتكرة لتضمين وسائل التواصل الاجتماعي والفيديوهات والإحصاءات والمحادثة المباشرة والإعلانات واختبار A/B والتخصيص وغير ذلك. تُعدّ التضمينات التابعة لجهات خارجية جزءًا ضروريًا من المواقع الإلكترونية الحديثة التي تتيح لمالكي المواقع الإلكترونية التركيز على كفاءاتهم الأساسية، مع تفريغ الوظائف العادية والمهمة لمزوّدي الخدمات الخارجيين.

عندما يعمل كل من الطرف الأول والطرف الثالث على صفحة الويب في تناغم، يمكن أن تقدم الصفحة تجربة مستخدم رائعة. ومع ذلك، يتطلب ذلك جهدًا كبيرًا من فريق العمل الهندسي وفريق العمل وغالبًا ما يتم تجاهله، ما يؤدي إلى انخفاض مستوى أداء صفحات الويب وتأثير سلبي على المقاييس التي تركّز على المستخدم مثل مؤشرات أداء الويب الأساسية. وهذا يضر بكلا الطرفين ويخلق فرصًا ضائعة في الشركات. هل يمكننا أن نفعل ما هو أفضل هنا؟

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

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

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

نظرة معمّقة على الجهات الخارجية

الجهة الخارجية هي مورد يعرضه موفِّر خارجي على الموقع الإلكتروني. وهي ليست ضمن سيطرة مالكي المواقع الإلكترونية بشكل مباشر، ولكن يتم تقديم موافقتهم عليها. موارد الطرف الثالث هي:

  • تتم استضافته على مصدر مشترك وعلني مختلف عن مصدر الموقع الإلكتروني الأساسي.
  • غير مؤلف أو يتأثر بحساب مالك فردي للموقع الإلكتروني
  • يتم استخدامه على نطاق واسع في مجموعة متنوعة من المواقع.

تخدم الجهات الخارجية مجموعة متنوّعة من أهداف الأنشطة التجارية، بدءًا من المساعدة في تحقيق الأرباح (من خلال الإعلانات) ووصولاً إلى توفير فرص تسويقية أفضل (تضمينات على وسائل التواصل الاجتماعي). تشمل الفئات الشائعة للأطراف الثالثة ما يلي:

المصدر: الجهات الخارجية حسب الفئة.

Category (الفئة) التعريف
الإعلانات نصوص برمجية مستخدَمة لعرض الإعلانات أو قياس أداء الإعلانات
حملة فيديو النصوص البرمجية التي تفعّل مشغّل الفيديو ووظيفة البث
المكتبات المستضافة مزيج من مكتبات البرامج المفتوحة المصدر المستضافة بشكل علني.
المحتوى النصوص البرمجية من موفّري المحتوى أو تتبُّع الشركاء التابعين الخاص بالنشر
إدارة نجاح العملاء نصوص برمجية من مقدّمي خدمة دعم العملاء/التسويق والتي تقدّم حلولاً للدردشة والتواصل.
الاستضافة النصوص البرمجية من منصات استضافة الويب
Marketing النصوص البرمجية من أدوات التسويق التي تضيف نوافذ منبثقة ونشرات إخبارية وغيرها.
اجتماعية النصوص البرمجية التي تمكّن الميزات الاجتماعية
إدارة العلامات يشير هذا المصطلح إلى النصوص البرمجية التي تحمِّل العديد من النصوص البرمجية الأخرى وتبدأ العديد من المهام.
الإحصاءات يشير هذا المصطلح إلى نصوص برمجية تقيس المستخدمين وإجراءاتهم أو تتتبّعها.
منصّة الموافقة على ملفات تعريف الارتباط النصوص البرمجية التي تسمح للمواقع الإلكترونية بالحصول على موافقة المستخدم (اللائحة العامة لحماية البيانات وقانون خصوصية المستهلك في كاليفورنيا (CCPA) وقانون خصوصية المستهلك في كاليفورنيا (CCPA)) بطريقة مستنيرة وشفافة
أداة مساعدة النصوص البرمجية المخصّصة للمطوّرين (برامج واجهات برمجة التطبيقات ومراقبة المواقع الإلكترونية ورصد عمليات الاحتيال وغير ذلك
غير ذلك نصوص برمجية متنوعة يتم إرسالها عبر مصدر مشترك بدون فئة أو إحالة محددة.

وتسمح هذه النصوص والمكتبات التابعة لجهات خارجية لمطوّري البرامج على الويب بالاستفادة من الحلول المجرَّبة والمختبرة لتنفيذ الميزات العادية بدلاً من إعادة ابتكار الحلّ. وبالتالي، تقلّل الجهات الخارجية من وقت التطوير وتساعد الأنشطة التجارية على إطلاق منتجاتها أو ترقيتها بشكل أسرع. ولا عجب أنّ أكثر من 94% من جميع المواقع الإلكترونية على أجهزة الكمبيوتر المكتبي والأجهزة الجوّالة تستخدم جهات خارجية.

كيف تؤثر الجهات الخارجية في الأداء؟

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

  1. تكاليف تنفيذ النص البرمجي والحجم: تهدف الجهات الخارجية غالبًا إلى توفير وظائف مهمة "فقط" من خلال إضافة عنصر <script> أو <iframe> إلى صفحتك. وتسحب هذه العناصر بعد ذلك النصوص البرمجية والموارد ذات الحجم الكبير وتستغرق وقتًا أطول للتنزيل والتنفيذ. يؤدي استخدام عدد كبير جدًا من JavaScript إلى إبقاء سلسلة التعليمات الرئيسية مشغولة لفترة أطول، كما تحظر العرض وتؤدي إلى تأخير تفاعلات المستخدم. من المعروف أنّ بعض أهم الجهات الخارجية تحظر سلسلة التعليمات الرئيسية من 42 ملي ثانية إلى 1.6 ثانية لأكثر من 50% من المواقع الإلكترونية التي تم تحليلها. تؤدي سلسلة التعليمات الرئيسية المحظورة إلى ارتفاع إجمالي وقت الحظر، وهو أحد المقاييس التي تؤثر في نتيجة أداء الموقع الإلكتروني. بالإضافة إلى ذلك، يؤخّر أيضًا الاستجابة لتفاعلات المستخدم ويقلل من مستوى مقياس مدى استجابة المواقع الإلكترونية لتفاعلات المستخدم (INP) المستخدَم لقياس مدى استجابة المواقع الإلكترونية. وبالتالي، تؤثر تكاليف تنفيذ النص البرمجي بشكل كبير في الأداء.

  2. العدد: في المتوسط، تستخدم المواقع الإلكترونية حوالي 21 جهة خارجية مختلفة على الأجهزة الجوّالة والويب. وغالبًا ما تتم إضافة العلامات التابعة لجهات خارجية باستخدام أدوات إدارة العلامات التي لا يتم التحكم فيها بشكل مباشر من قِبل الفرق الفنية أو فرق التطوير. ويمكن لفِرق أخرى إضافة العلامات غير المطلوبة بدون إجراء عملية مراجعة، ولا تتم إزالتها أبدًا. ويمكن أن تؤثر هذه المشاكل بشكل كبير في تجربة المستخدم أو حجم الصفحة أو استخدام وحدة المعالجة المركزية (CPU). يمكن أن يؤدي إنشاء عملية حكومية إلى معالجة هذه الحالات والسماح للمطوّرين بالتدقيق في تأثير كل مقدّم خدمة. سيكون من المفيد للمطوّرين توفير بيانات جاهزة لجميع الجهات الخارجية التي توفّر وظيفة محدّدة مع تأثير الأداء والمزايا والمقايضات من أجل المقارنة. وتواجه الفِرق أيضًا التحدي الآخر وهو أنّه بالنسبة إلى العديد من المواقع الإلكترونية، لا يتم تشغيل علامات الجهات الخارجية إلا في مرحلة الإنتاج وليس في بيئات التطوير، ما يجعل اختبار هذه العلامات أكثر صعوبةً على المطوّرين.

  3. الشبكة: نظرًا لاستضافة الجهات الخارجية على مصادر مختلفة، على المتصفّحات إجراء عدد أكبر من الاتصالات لتنزيل المحتوى منها. لا يمكن للاتصالات المختلفة تنسيق التنزيل استنادًا إلى الأولوية، مما يؤدي إلى تزايد الطلب على الشبكة. وقد يؤدي ذلك إلى تأخير تحميل الصفحة إذا لم يتم أخذ التحسينات المناسبة في الاعتبار.

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

نتيجةً لما سبق، يمكن أن تؤثر الجهات الخارجية في أي من مكوّنات "مؤشرات أداء الويب الأساسية" أو جميعها. تؤثر معظم الأطراف الثالثة سلبًا في سرعة عرض أكبر محتوى مرئي (LCP) ومهلة الاستجابة الأولى (FID). تحظر الفيديوهات المضمَّنة على YouTube سلسلة المحادثات الرئيسية لمدة 4.5 ثانية في% 10 من المواقع الإلكترونية على الأجهزة الجوّالة، ولمدة 1.6 ثانية على الأقل لنسبة% 50 من المواقع الإلكترونية التي تمت دراستها. تخيل أنّ المستخدم سيشعر بالاستياء إذا صادف صفحة تحتوي على 20 نصًا برمجيًا على اتصال بطيء. يعرض العرض المرئي التالي من thirdpartyweb.today الجهات الخارجية التي تحقّق أكبر تأثير في الأداء في الوقت الحالي.

العرض المرئي على الويب التابع لجهة خارجية

"في أكثر 4 ملايين موقع إلكتروني تقريبًا، يمثّل 2700 مصدر تقريبًا 57% من إجمالي مرات تنفيذ النصوص البرمجية، وكانت أهم 50 كيانًا تشكّل حوالى %47." - الويب التابع لجهة خارجية

إنّ الصفحات التي يتم عرضها بسرعة وتصبح تفاعلية خلال فترة زمنية معقولة، تساهم في توفير تجربة مستخدم جيدة وفقًا لقياس "مؤشرات أداء الويب الأساسية". غالبًا ما تُترجم تجربة المستخدم الجيدة إلى نشاط تجاري جيد لمواقع الويب، وهو ما قد يعني استخدامًا جيدًا للأطراف الثالثة. فالعمل معًا للحد من تأثير الأطراف الثالثة قد يحقق مكسبًا للجميع في السلسلة.

ونحن ندرك أنّ Google تبيع عددًا من النصوص البرمجية التابعة لجهات خارجية شائعة الاستخدام، بما في ذلك "إدارة العلامات من Google" وتضمينات YouTube وReCaptcha على سبيل المثال لا الحصر. وندرك أنّ عددًا من النصوص البرمجية يمكن أن يكون له تأثير أقل في الأداء في "مؤشرات أداء الويب الأساسية"، ونلتزم باستكشاف طُرق لتحسين هذا التأثير كلما أمكن.

كيف يمكن لـ Chrome مساعدتي؟

يشكّل عادةً انخفاض أداء الموارد التابعة لجهات خارجية تحديًا كبيرًا للمطوّرين، ما يتطلّب إجراء تغيير في ديناميكيات المنظومة المتكاملة الأساسية. يريد Chrome استكشاف هذه المساحة لتحقيق النتائج التالية:

  1. يمكنك العثور على طرق أفضل لتحميل الموارد التابعة لجهات خارجية على الويب بدون التأثير سلبًا في تجربة المستخدم أو نتائج النشاط التجاري.

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

  2. تمكين مستخدمي النصوص البرمجية التابعة لجهات خارجية من الحصول على إحالة أفضل لتكاليفهم في الأدوات وفي الميدان، ومسارات واضحة وممهدة بشكل جيد لاستخدامها، وتقديم حوافز أفضل خلال وقت الكتابة لضمان أنها على النحو الأمثل تلقائيًا

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

النهج المقترح

نقترح نهجًا ثلاثي النقاط لتحقيق هذه النتائج...

  1. **امنح المطوّرين إمكانية إحالة أكثر تفصيلاً لكل تأثير تابع لجهة خارجية من خلال RUM وفي أدوات المطوّرين في Chrome.**

    يشير RUM إلى بيانات مقاييس سلوك المستخدِمين الفعلية (المعروفة أيضًا باسم البيانات الفعلية) المتوفّرة من خلال واجهات برمجة التطبيقات لمراقبة أداء المواقع الإلكترونية. تشمل أدوات المطوّرين في Chrome كل من Lighthouse و"أدوات مطوري البرامج في Chrome" و"تقرير تجربة المستخدم" على Chrome. نقترح تحسين واجهات برمجة التطبيقات والأدوات المتاحة حتى يتسنى لمطوّري المواقع الإلكترونية فهم تأثير كل جهة خارجية سبق لهم استخدامها في كل صفحة. ستقدّم لهم الأدوات أيضًا معلومات عن الإجراءات التي يمكنهم اتّخاذها للتخفيف من تأثير هذا التغيير (على سبيل المثال، تأجيل المهام أو استخدام الواجهات) واستكشاف حلول محتملة أخرى (مع جهات خارجية أخرى أو تنفيذ مهام ذاتيًا). في ما يتعلّق بواجهات برمجة التطبيقات لمراقبة أداء الويب، نستكشف طرقًا لتوسيع نطاق تغطية الموارد المتعدّدة المصادر بدون المساس بخصوصية المستخدمين وأمانهم.

  2. **امنح الأنشطة التجارية مسارًا جيدًا لتحميل الموارد التابعة لجهات خارجية بكفاءة.**

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

    وبالمثل، نسعى إلى معالجة هذه المشاكل في إطارات عمل JavaScript وأنظمة إدارة المحتوى (CMS) عندما يكون ذلك أكثر ملاءمةً. لقد علّمتنا مشاريع، مثل Aurora وفريق أداء WordPress، أهمية الإعدادات التلقائية المخفيّة التي تحل مشاكل التحميل المعروفة. يتم دمج الإعدادات التلقائية في أطر عمل ونظام إدارة المحتوى الذي يوجِّه الأنشطة التجارية إلى مسار جيد الإضاءة. ويمكن أن تكون مفيدة أيضًا لوكيل المستخدم (مثل Chrome) كتلميحات تتيح له تطبيق إشارات استدلالية لتحسين تحميل الصفحة وقيمة "CWV". ويمكن أن تساعد هذه التلميحات وكيل المستخدم في تحديد وقت وطريقة تحميل جهات خارجية محدّدة خلال دورة حياة الصفحة. (على سبيل المثال، يحتوي مكوِّن النص البرمجي Next.js على إعدادات تلقائية مدمَجة لتحميل النصوص البرمجية التابعة لجهات خارجية بعد أن تصبح الصفحة تفاعلية).

  3. **تقديم حوافز للجهات الخارجية للحدّ من تأثيرها على الأداء من خلال جهود تحسين الشفافية**

    لا يملك المطوّرون التابعون لجهات خارجية حاليًا الإذن بالوصول المطلوب لفهم تأثير نصوصهم البرمجية على المواقع الإلكترونية بشكل عام. نخطط لمعالجة هذه المشكلة وتزويد هؤلاء مقدّمي الخدمة بأدوات لتحليل تأثيرهم ومقارنته بالمنتجات الأخرى المتوفّرة في السوق التي تحقّق القيمة نفسها. نريد أيضًا مساعدتهم في استخدام البيانات لتشخيص أسباب التأثير حتى يتمكنوا من التخفيف من حدته أثناء البث. وفي سبيل تحقيق النجاح، سيتطلّب الأمر من الطرف الثالث، بما في ذلك تلك التي أنشأتها Google.

تحديات

ولا يخلو الجهد المبذول من هذا المقدار من تحديات. ومن التحديات الرئيسية التي يجب أن نأخذها في الاعتبار.

  • تمثّل الجهات الخارجية مشكلة متشابكة الأطراف تشمل الإعلانات والإحصاءات وإدارة العلامات وبرامج الخدمات وغير ذلك الكثير. يتطلب كل مجال النظر في مجموعة فريدة من المتطلبات والمفاضلات. على سبيل المثال:
    • يعتمد قرار تحسين تحميل الإعلانات على المفاضلة بين الأرباح وتجربة المستخدِم. في وقت مبكر جدًا، يحظر المستخدم المحتوى القيّم، وبعد فوات الأوان، لن يتمكّن المستخدم من رؤيته.
    • تضيف النصوص البرمجية في "إحصاءات Google" إلى حجم الصفحة، ولكنها توفّر بيانات قيّمة عن إجراءات المستخدمين للنشاط التجاري.

ونأمل أن نتعاون مع فئات مختلفة من الجهات الخارجية، وأن نستوعب الفروقات الدقيقة وأن نحلّ المفاضلات، ونطوّر حوافز تناسب الجميع. ونحن ندرك أنه علينا العمل بشكل منفصل مع الكيانات في كل مجال لكي تكون استراتيجيتنا فعالة. ويشمل ذلك شركائنا الداخليين، مثل "إدارة العلامات من Google" و"إعلانات Google" وYouTube.

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

  2. ونقترح تحسين Chrome حتى يتمكّن من تطبيق تحسينات تساعد في تحقيق التوازن الصحيح لمنح الأولوية لتحميل موارد الطرف الأول في مقابل موارد الطرف الثالث. يصبح التغيير القيّم متاحًا كمعيار عبر جميع المتصفّحات، ولكن قد يستغرق بعض الوقت. على سبيل المثال، أصبحت السمة loading لعناصر <img> و<iframe> متاحة في Chrome/Edge منذ عام 2019، ولكنها أصبحت متاحة في متصفّح Safari فقط في عام 2022. وإلى أن يتم توحيد الميزة، يجب أن يحرص مستخدمو الموارد التابعة لجهات خارجية على تحسين تلك الموارد للتوافق مع المتصفِّحات الأخرى أيضًا. وسنساعدك من خلال تسليط الضوء على ذلك في إرشاداتنا عندما يكون ذلك مناسبًا.

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

مقترحات الأعمال حول المعايير الأولية

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

LazyEmbeds

كان Chrome ينفّذ في السابق التحميل الكسول لعناصر <img> و<iframe> خارج الشاشة لمستخدمي الوضع البسيط. ويمكن توسيع نطاق هذه الميزة لتشمل جميع المستخدمين لتأجيل تحميل عناصر <iframe> التي تم تحديدها على أنّها عمليات تضمين تابعة لجهات خارجية إلى أن ينتقل المستخدم بالقرب منها. ويمكن أن يؤدي ذلك إلى تسريع تحميل الأجزاء الأخرى من الصفحة وتحسين "مؤشرات أداء الويب الأساسية" وتقليل استخدام الذاكرة وحفظ البيانات.

في ما يلي عرض توضيحي لاستخدام ميزة Lazyembeds لتحميل فيديوهات YouTube باستخدام طريقة \"التحميل الكسول\" على الصفحة. يضيف عادةً تضمين فيديو YouTube واحد 500-600 كيلوبايت من JavaScript إلى الصفحة. لقد حاولنا تحسين مشاركة مدوّنة تحتوي على 14 فيديو مضمَّنًا باستخدام ميزة Lazyembeds. وقد كانت النتائج واعدة على مستوى وقت تحميل الصفحات وتوفير البيانات.

قبل بعد
البيانات 15.4 ميغابايت 6.1 ميغابايت
إجمالي وقت الحظر 3.2 ثانية 1.6 ثانية

للمزيد من المعلومات عن هذا الإجراء، يمكنك الاطّلاع على الشرح وسلسلة محادثات عن نية الشراء وإضافة التجربة لدى blink-dev.

التقييد المستهدف للجهات الخارجية

غالبًا ما تتم إضافة النصوص البرمجية التابعة لجهات خارجية من قبل فرق مختلفة بدون عمليات إشراف شاملة. أوضح الفريق الهندسي في صحيفة The Telegraph أنّ "الجميع يريد "تلك العلامة" على صفحة ستحقق أرباحًا للمؤسسة. ويمكن أن يؤدي ذلك إلى زيادة أعباء إدارة تأثير الأداء بشكلٍ مستمر.

يقترح تقييد النصوص البرمجية المستهدفة التابعة لجهات خارجية السيطرة على أنواع محددة جدًا من الأطراف الثالثة للتخفيف من تأثيرها. وسيسمح ذلك للمتصفّحات بتحميل المحتوى الرئيسي + الجهات الخارجية المهمة في مرحلة مبكّرة، في حين يتم تقييد المحتوى الآمن الذي يمكن تحميله لاحقًا.

تحسين واجهات برمجة تطبيقات RUM

ندرس أيضًا تحسين واجهات برمجة تطبيقات RUM لتضمين المعلومات التي قد تكون ذات صلة في تقييم أداء الجهات الخارجية. تشمل التحسينات ما يلي:

  1. إعداد التقارير في "<iframe>": نحن نعمل على إيجاد حلول يمكنها الاستفادة من واجهة برمجة تطبيقات أداء المخطط الزمني لإعداد التقارير المتعدّدة الإطارات. وسيسمح ذلك لمؤلفي صفحة المستوى الأعلى بفحص بيانات الأداء لإطار iframe المتعاون التابع لجهة خارجية والذي تم تضمينه في الصفحة.

  2. إحالة المهام الطويلة: ستساعد واجهة برمجة التطبيقات لمهام Google الطويلة في RUM مالكي المواقع الإلكترونية في تحديد المهام الطويلة التي تربط سلسلة التعليمات الرئيسية لفترة طويلة وتؤخّر التفاعل.

معلومات إضافية

ما زلنا نختبر العديد من هذه الأفكار ونأمل في نشر تفسيرات GitHub ومسودات لمواصفات التغييرات ونحن نمضي قدمًا. يمكن للجهات الخارجية ومالكي المواقع الإلكترونية الذين يرغبون في إقامة شراكة معنا أو إضافة ملاحظات المساهمة في المناقشات من خلال هذه الطرق. يمكن للجهات الخارجية أيضًا البدء بالتركيز على تحسين مقاييس "مؤشرات أداء الويب الأساسية" ومقاييس INP لضمان عدم تحديد مصدر بيانات "مؤشرات أداء الويب الأساسية"/مدى استجابة الصفحة لتفاعلات المستخدم (INP) الضعيف. في الوقت الحالي، يمكن للمستخدمين الذين يبحثون بنشاط عن آخر الأخبار الرجوع إلى المشاركات على مجموعة blink-dev.

ونتطلّع إلى استكشاف مساحة العمل هذه بشكل أكبر والتفاعل مع أفراد المنتدى بشأن الدروس المستفادة من التجربة.

شكر خاص لكل من "لينا سوهوني كاستور" و"جيريمي واغنر" و"جيلبرتو كوتشي" و"كينجي باهيو" و"كوهي أوينو" و"كينتارو هارا" و"أليكس إن" "جوزيه" و"ميليسا ميتشل" و"ياف وايس" و"شونيا شيشيدو" و"مينورو شيكامون" على ملاحظاتهم ومساهماتهم