استخدام صور الملصقات في محتوى المكوِّن الإضافي

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

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

في ما يلي مثال على استخدامها في الممارسة. إذا قرّر Chrome إيقاف ملف flash.swf مؤقتًا، سيتم عرض ملف poster.png بدلاً منه. إذا نقر المستخدم على الملصق، سيتم تشغيل محتوى Flash كالمعتاد.

<object data="http://example.com/flash.swf"  
        type="application/x-shockwave-flash"
        poster="poster.png">
</object>

يتم تفسير قيمة مَعلمة الملصق بالطريقة نفسها التي يتم بها تفسير سمة srcset لعلامة img، كي تتمكّن من إتاحة شاشات بدرجة كثافة عالية أيضًا. في ما يلي مثال على بنية srcset:

<object data="http://example.com/flash.swf"  
        type="application/x-shockwave-flash"
        poster="snapshot1x.png 1x, snapshot2x.png 2x">
</object>

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