التحميل الكسول للصور

لماذا نؤجل

تحميل كل الصور يبطئ الشاشة الأولى، والعرض السريع يُشعر بالسرعة (Nielsen, 1993؛ Card et al., 1991)، خاصة مع التمرير اللانهائي والدوّار.

التنفيذ والاستثناء

استخدم loading="lazy" (web.dev, n.d.-a) أو Intersection Observer (MDN, n.d.)، وحمّل الصورة الرئيسية فوراً لأن الاستجابة الأولى أهم (Miller, 1968).

الانزياح والعناصر النائبة

لمنع CLS (web.dev, n.d.-b) حدد العرض والارتفاع، واملأ المكان بمعاينة ضبابية أو الهياكل، وأضف نصاً بديلاً (WCAG 2.2، 1.1.1).

الأسئلة الشائعة

هل نؤخر كل الصور؟

لا، صور الشاشة الأولى تُحمّل فوراً.

هل يضر بالبحث؟

التنفيذ القياسي قابل للزحف.

تاريخ مراجعة المصادر: 2026-10-26

المراجع

1. web.dev. (n.d.-a). Browser-level image lazy loading for the web. Google. كيف يعمل loading=lazy.
2. web.dev. (n.d.-b). Cumulative Layout Shift (CLS). Google. مقياس انزياح التخطيط.
3. MDN Web Docs. (n.d.). Lazy loading. Mozilla. تقنيات التحميل الكسول.
4. Nielsen, J. (1993, January 1). Response time limits. Nielsen Norman Group. حدود زمن الاستجابة.
5. Card, S. K., Robertson, G. G., & Mackinlay, J. D. (1991). The information visualizer, an information workspace. In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (pp. 181–186). ACM. ثوابت الزمن الإدراكي.
6. Miller, R. B. (1968). Response time in man-computer conversational transactions. In Proceedings of the December 9–11, 1968, Fall Joint Computer Conference, Part I (pp. 267–277). ACM. التأخير والتوقع.
7. World Wide Web Consortium. (2023). Web Content Accessibility Guidelines (WCAG) 2.2. المعيار 1.1.1.