قد لا يصل الزائر إلى فيديو أسفل المقال، لكنه يدفع تكلفة تحميل الإطار وموارده إن بدأ التحميل فور فتح الصفحة. تحميل iframe بصورة lazy يراجع توقيت هذه التكلفة، لكنه يحتاج اختبار موضع الإطار وسلوكه الفعلي بدل تعميمه على كل تضمين.
قرب مجال الرؤية لا يعني النقر
تشرح إرشادات web.dev للإطارات البعيدة أن loading=lazy تسمح بتأجيل iframe خارج الشاشة حتى يقترب المستخدم منه. لا يلزم أن ينتظر المتصفح ظهور الإطار كاملًا أو نقر زر التشغيل. لا تعتمد على مسافة ثابتة واحدة في كل جهاز وشبكة.
في مثال افتراضي لصفحة خدمة، يأتي شرح نصي ثم إطار عرض تقني في قسم بعيد. احتفظ بوصف الخدمة داخل HTML الصفحة نفسها، واختبر الإطار منفصلًا. لا تجعل المعلومات الأساسية متوقفة على تحميل طرف خارجي قد يفشل أو يتأخر.
اكتب تجربة شبكة قابلة للمقارنة
- افتح نسخة الاختبار من أعلى الصفحة، مع توثيق الجهاز والمتصفح والشبكة وحالة الكاش.
- راقب طلبات الإطار وموارده قبل التمرير، مع الفصل بين preconnect وتنزيل المحتوى الفعلي.
- اقترب من القسم تدريجيًا وسجل متى بدأ التحميل بدل افتراض أنه سيبدأ عند الظهور التام.
- كرر الاختبار مع تعطّل مصدر التضمين وراجع البديل الذي يفهمه المستخدم.
احجز مكانًا واسمًا واضحين
راجع أبعاد الإطار عبر الهاتف وسطح المكتب حتى لا يدفع تحميله النص إلى موضع جديد. ضع له عنوانًا مناسبًا يساعد على معرفة وظيفته، واختبر الوصول إلى عناصره بلوحة المفاتيح والعودة منها. التأجيل لا يصلح كل مشكلات الإتاحة أو حدود محتوى الطرف الثالث.
ولا تعتبر lazy نظام موافقة للخصوصية أو ضمانًا لعدم الاتصال بالطرف الخارجي قبل النقر. إذا كان المنتج يشترط موافقة صريحة، فهذه رحلة مختلفة تحتاج تنفيذًا ومراجعة مستقلين؛ السمة وحدها لا تحققها.
افصل أول الشاشة عن التضمين البعيد
في تطوير الويب قارن الطلبات والرحلة قبل التغيير وبعده دون اختلاق نسبة تحسن. وتختلف الحالة عن فيديو الهيرو وصورته الأولى: ما يحتاجه الزائر فورًا لا يتبع بالضرورة سياسة إطار بعيد. أعد قياس الأداء الفعلي بدل تحويل وجود lazy إلى درجة PageSpeed مضمونة.
