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