Defer Offscreen Images به معنای به تعویق انداختن بارگذاری تصاویر خارج از صفحه نمایش است. در واقع، مرورگر به جای بارگذاری همزمان تمام تصاویر یک صفحه، ابتدا تصاویر قابل مشاهده در صفحه اول را بارگذاری می‌کند و سپس به سراغ تصاویر دیگر می‌رود. این کار باعث می‌شود که سرعت بارگذاری صفحه به طور قابل توجهی افزایش یابد، به خصوص در صفحات با تصاویر زیاد.
چرا Defer Offscreen Images مهم است؟
- بهبود سرعت بارگذاری صفحه: با کاهش حجم داده‌هایی که باید در ابتدا بارگذاری شوند، زمان لود شدن صفحه کاهش می‌یابد.
- کاهش مصرف پهنای باند: کاربران با سرعت اینترنت پایین‌تر نیز می‌توانند تجربه بهتری داشته باشند.
- بهبود تجربه کاربری: صفحه سریع‌تر بار می‌شود و کاربران می‌توانند سریع‌تر به محتوای مورد نظر خود دسترسی پیدا کنند.
- تاثیر مثبت بر SEO: گوگل سرعت بارگذاری صفحه را یکی از عوامل مهم در رتبه‌بندی جستجو می‌داند. بنابراین، با بهبود سرعت، احتمال قرار گرفتن در رتبه‌های بالاتر افزایش می‌یابد.
نحوه پیاده‌سازی Defer Offscreen Images
برای پیاده‌سازی این تکنیک، می‌توانید از ویژگی loading="lazy" در تگ img استفاده کنید. این ویژگی به مرورگر می‌گوید که بارگذاری تصویر را به تعویق بیندازد تا زمانی که کاربر به آن بخش از صفحه اسکرول کند.
<img src="my-image.jpg" alt="My Image" loading="lazy">
مزایای استفاده از Defer Offscreen Images برای SEO
- کاهش Bounce Rate: کاربران سریع‌تر به محتوای مورد نظر خود می‌رسند و احتمال ترک کردن صفحه کاهش می‌یابد.
- افزایش مدت زمان حضور کاربر در صفحه: کاربران بیشتر در سایت شما می‌مانند و این سیگنال مثبتی برای گوگل است.
- بهبود تجربه موبایل: این تکنیک به ویژه برای کاربران موبایل که اغلب با سرعت اینترنت پایین‌تری کار می‌کنند بسیار مفید است.
- کاهش مصرف باتری: دستگاه‌های موبایل برای بارگذاری تصاویر انرژی بیشتری مصرف می‌کنند. با Defer Offscreen Images، مصرف باتری کاهش می‌یابد.
نکات مهم
- تصاویر مهم: برای تصاویر مهمی که می‌خواهید همیشه در بالای صفحه نمایش داده شوند، از این ویژگی استفاده نکنید.
- تست و اندازه‌گیری: پس از پیاده‌سازی این تکنیک، حتماً سرعت بارگذاری صفحه را اندازه گیری کنید تا از تاثیر آن اطمینان حاصل کنید.
- توافق با استانداردها: مطمئن شوید که پیاده‌سازی شما با استانداردهای وب سازگار است.
نتیجه‌گیری
Defer Offscreen Images یک تکنیک ساده و موثر برای بهبود سرعت بارگذاری صفحه و تجربه کاربری است. با پیاده‌سازی این تکنیک، می‌توانید به طور قابل توجهی بر بهبود SEO سایت خود تاثیر بگذارید.