قد يجمل الفيديو أول الشاشة على سطح المكتب، ثم يترك مساحة سوداء على هاتف بطيء قبل ظهور أول إطار. وقد يؤدي تأجيل كل فيديوهات الموقع بالطريقة نفسها إلى تأخير عنصر بارز يراه الزائر مباشرة. ابدأ بتحديد دور الفيديو في الصفحة قبل اختيار سياسة تحميله.
افصل الهيرو عن فيديو أسفل الصفحة
تفرق إرشادات web.dev لتحميل الفيديو بين حالات الاستخدام، وتحذر من التأجيل الكسول لفيديو يمثل عنصر LCP. ويمكن أن تكون صورة poster مرشحًا لـLCP أيضًا؛ فلا تؤخر صورة أول الشاشة بحجة تقليل تحميل فيديو بعيد عن مجال الرؤية.
في تصميم افتراضي لشركة تقنية، يظل العنوان وزر الإجراء مفهومين فوق صورة ثابتة مناسبة، ثم يبدأ الفيديو وفق السياسة المختبرة. لا تجعل تشغيله شرطًا لفهم الخدمة أو الوصول إلى الزر، ولا تفترض أن الهاتف سيشغل الفيديو تلقائيًا في جميع الأوضاع.
preload تلميح وليس تعهدًا من المتصفح
توضح وثائق عنصر video في MDN أن preload يوجه المتصفح بشأن التحميل المسبق لكنه ليس إلزاميًا، وأن autoplay له أولوية عليه. لذلك لا تعد بأن الجمع بين autoplay وpreload="none" يمنع تنزيل الفيديو قبل النقر. افحص الطلبات الفعلية بدل استنتاجها من السمات فقط.
اكتب مصفوفة قبول للعرض والتشغيل
| الحالة | النتيجة التي تراجعها |
|---|---|
| قبل أول إطار | poster مناسبة ومساحة محجوزة بلا قفزة مزعجة |
| التشغيل التلقائي غير متاح | بديل مفهوم أو وسيلة تشغيل مناسبة |
| شبكة بطيئة | بقاء النص وزر الخدمة قابلين للاستخدام |
| فيديو أسفل الصفحة | سياسة تأجيل مستقلة مع اختبار التوافق |
دعم loading="lazy" للوسائط يختلف بين المتصفحات؛ لا تختَر مسارًا بلا بديل لأن تجربة واحدة نجحت. وراجع سياسة تقليل الحركة بما يناسب المستخدم بدل إبقاء حركة مستمرة لا يستطيع إيقافها. صورة poster ليست بديلًا عن نصوص مصاحبة أو تسميات حين يحمل الفيديو معلومات ضرورية.
قارن بالقياس مع الحفاظ على الرحلة
ضمن تطوير الويب سجل حجم الوسائط والطلبات وعنصر LCP الفعلي وظروف الجهاز والشبكة قبل التغيير وبعده. وتكمل مراجعة اكتشاف صورة LCP وتأخير عرضها فهم المسار الحرج؛ لا تفترض أن صورة أخف وحدها تحل كل تأخير.
معيار القبول هو ظهور أول شاشة مفهومة وإمكانية استخدامها وسياسة تشغيل متوقعة. لا ننسب هنا تحسنًا رقميًا إلى موقع لم نختبره، ولا تضمن إضافة poster درجة PageSpeed أو ترتيب بحث محددًا.
