التحكّم في النصوص البرمجية التابعة لجهات خارجية

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

Chris Anstey
Chris Anstey

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

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

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

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

عملية إدارة العلامات

أيًا كان اختيارك لفحص العلامات داخل مؤسستك، يجب اعتبار المراحل التالية جزءًا من دورة حياة العلامة.

الامتثال

خمسة أسهم، اكتملت الخطوة الأولى من "الامتثال".

قبل إضافة أي علامة إلى الصفحة، تحقق من أنه تم فحصها بدقة من قبل فريق قانوني للتأكد من أنها تجتاز جميع متطلبات الامتثال لتكون موجودة. قد يشمل ذلك التحقق من التزام العلامة ببنود اللائحة العامة لحماية البيانات (GDPR) في الاتحاد الأوروبي وقانون خصوصية المستهلك في كاليفورنيا (CCPA).

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

مطلوبة

خمسة أسهم، وتم إكمال أول خطوتين من "الامتثال" و"مطلوب".

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

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

الملكية

خمسة أسهم، تم إكمال أول ثلاث خطوات من "الامتثال" و"مطلوب" و"الملكية".

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

الغرض

خمسة أسهم، تم إكمال أول أربع خطوات من "الامتثال" و"مطلوب" و"الملكية" و"الغرض".

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

بالإضافة إلى ذلك، هل تم إجراء أي مناقشات حول المقايضة بين الأنشطة التجارية والأداء؟ إذا كانت هناك علامة تُعتبر "مطلوبة" لأنّها تحقّق أرباحًا، هل تم تحليل الأرباح المحتملة المفقودة بسبب انحدار السرعة

التعليق

تم إكمال خمسة أسهم، تم إكمال جميع الخطوات الخمس التالية: "الامتثال" و"مطلوب" و"الملكية" و"الغرض" و"المراجعة".

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

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

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

إذا التزمنا بأقل من 5 علامات في "الصفحات المقصودة" إلى جانب JavaScript المحسّن الخاص بنا، نحن على ثقة بأنّ إجمالي وقت الحظر (TBT) يمكن أن يحقّق "جيد" في مؤشرات أداء الويب الأساسية.