كيفية تعزيز أداء وسائل الإعلام في حدود الميزانية

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

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

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

ميزانيات الأداء

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

- تيم كادليك

قد تتكون ميزانية الأداء كآلية للتخطيط لتجربة الويب ومنع تدهور الأداء من المعايير التالية:

• الوزن الكلي للصفحة ،
• العدد الإجمالي لطلبات HTTP ،
• وقت تحميل الصفحة على شبكة جوال معينة ،
• أول تأخير في الإدخال (FID)
• أول رسم مضمون (FCP) ،
• التحول في التخطيط التراكمي (CLS) ،
• أكبر طلاء محتوى (LCP).

يحتوي Vitaly Friedman على قائمة مراجعة ممتازة تصف المكونات التي تؤثر على أداء الويب جنبًا إلى جنب مع نصائح مفيدة حول تقنيات التحسين. إن التعرف على هذه المكونات سيمكنك من تحديد أهداف الأداء .

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

ومع ذلك ، قد لا يكون وجود ميزانية أداء كمقياس مستقل مفيدًا كثيرًا. لهذا السبب يجب علينا ربط الأداء بالأهداف التنظيمية.

أداء الأعمال

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

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

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

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

وفقًا لعلماء الأعصاب في معهد ماساتشوستس للتكنولوجيا ، يمكن لدماغنا استيعاب وفهم الوسائط المرئية في أقل من 13 مللي ثانية ، بينما يمكن أن يستغرق النص من القارئ العادي أكثر من 3.3 دقيقة لفهمه ، غالبًا بعد إعادة قراءته والإحالة المرجعية إلى أماكن أخرى. لا عجب إذن أن محتوى الفيديو المصغر (عادةً ما يكون مدته من 10 إلى 20 ثانية فقط) غالبًا ما يحقق ارتباطات كبيرة ومكاسب تحويل.

نداء من مقاطع الفيديو

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

بصرف النظر عن تجربتي الشخصية ، يشهد الكثير من الأبحاث على أهمية محتوى الفيديو:

• 96٪ من المستهلكين يجدون مقاطع الفيديو مفيدة عند اتخاذ قرارات الشراء عبر الإنترنت.
• يفضل 79٪ من المتسوقين عبر الإنترنت مشاهدة مقطع فيديو للحصول على معلومات حول منتج بدلاً من قراءة النص على صفحة ويب.
• يمكن لفيديو المنتج المناسب زيادة التحويلات بنسبة تزيد عن 80٪.

بالحديث عن توصيل مقاطع الفيديو على الويب ،

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

- سكوت جيل

تم نقل نفس المشاعر من خلال حالة البث في الربع الرابع من عام 2020 من شركة Conviva (مطلوب التسجيل) ، والتي أشارت إلى أن الهواتف المحمولة شهدت زيادة بنسبة 20٪ في مشكلات التخزين المؤقت ، وفشل بدء تشغيل الفيديو أعلى بنسبة 19٪ ووقت بدء أطول بنسبة 5٪ مقارنة بالأجهزة الأخرى.

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

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

مما لا شك فيه ، أن المبالغة في المحتوى الجذاب وغير المحسن يضر بأهداف العمل ، وهنا يأتي دور فن التوازن.

فن موازنة الأداء مع المحتوى الإعلامي

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

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

ليس عليك تفريغ المحتوى الخاص بك. هناك أيضا خيارات أخرى متاحة. ضع في اعتبارك تجديد نظامك للحصول على أفضل توصيل للوسائط عن طريق القيام بما يلي:

افهم استخدامك الحالي

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

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

تأكد أيضًا من تتبع أساسيات الويب الأساسية (CWVs) من Google كجزء من مجموعة أدواتك باستخدام أدوات مثل LightHouse. يمكنك أيضًا قياس CWVs من خلال مراقبة المستخدم الحقيقي (RUM) مثل CrUX. نظرًا لأن CWVs ستكون أيضًا إشارة لـ Google إلى برامج الزحف ، فمن المنطقي مراقبة تلك المقاييس وتحسينها: أكبر محتوى (LCP) ، وتأخر الإدخال الأول (FID) ، وتحويل التخطيط التراكمي (CLS).

تخدم الشكل الصحيح

عرض الصور أو مقاطع الفيديو بالتنسيق الأنسب من حيث الحجم والدقة لجهاز العرض أو المتصفح. قد تحتاج إلى صورة CDN لهذا الغرض. بدلاً من ذلك ، قم بإنشاء متغيرات مثل WebM و AVIF و JPEG-XL و HEIC وما إلى ذلك ، وخدمة بشكل انتقائي نوع المحتوى المناسب بناءً على طلب User-Agent وقبول الرؤوس.

للتحويلات لمرة واحدة ، يمكنك تجربة أدوات مثل Squoosh.app أو avif.io. من الممارسات ذات الصلة تحويل صور GIF المتحركة إلى مقاطع فيديو. لمزيد من المعلومات ، راجع مقالة Web.dev هذه. هل تريد محاولة إعداد سير عمل للتعامل مع نشر الفيديو؟ اطلع على النصائح الرائعة في مقالة تحسين الفيديو من حيث الحجم والجودة.

قدمي الحجم المناسب

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

أضف ترجمات إلى مقاطع الفيديو الخاصة بك

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

التسليم من خلال شبكات CDN متعددة

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

بدلاً من الاستفادة من أدوات سرية متعددة ، يمكنك استكشاف منتج مثل Cloudinary's Media Optimizer ، الذي يعمل على تحسين الوسائط بفعالية وكفاءة ، وتقديم التنسيق والجودة المناسبين من خلال عقد حافة متعددة CDN. بمعنى آخر ، يعمل Media Optimizer على تحسين الجودة والحجم على حد سواء ، مما يوفر دقة مرئية عالية في الملفات الصغيرة.

تقديم الفيديو بشكل تدريجي

أظهرت معاينة مقاطع الفيديو التي يتم تشغيلها تلقائيًا على YouTube زيادة وقت مشاهدة الفيديو بنسبة تزيد عن 90٪. يتميز التشغيل التلقائي للفيديو بفوائد قليلة والعديد من العيوب ، لذلك من المهم توخي الحذر عند استخدامه ومتى لا تستخدمه. من المهم أن يكون لديك خيار إيقاف الفيديو مؤقتًا كحد أدنى.

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

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

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

تغليف

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

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

- تيم كادليك

هذه نصيحة سليمة يجب وضعها في الاعتبار.