لیزی لودینگ چیست؟

لیزی لودینگLazy Loading/ˈleɪ.zi ˈloʊ.dɪŋ/لیزی لودینگ

لیزی لودینگ بارگیری تصاویر، ویدیوها یا سایر منابع را تا زمانی که کاربر بخواهد آنها را برای مشاهده پیمایش کند به تأخیر می‌اندازد، بنابراین بارگذاری اولیه صفحه کم می‌ماند.

تعریف دقیق

مرورگر به‌جای دانلود هر دارایی از قبل، رسانه‌های زیر را فقط در صورت نیاز واکشی می‌کند. پشتیبانی بومی‌از طریق ویژگی «loading="lazy"» در تصاویر و iframe باعث می‌شود این تغییر یک خطی باشد، در حالی که کتابخانه‌های JavaScript موارد پیچیده‌تری را مدیریت می‌کنند. قانون کلیدی: هرگز محتوای بالا را با تنبلی بارگذاری نکنید، به‌ویژه بزرگ‌ترین تصویر رنگ محتوایی، یا باعث می‌شوید صفحه کندتر شود.

مثال

مقاله یک وبلاگ دستور پخت شامل پانزده عکس گام به گام است. با بارگذاری تنبل، خواننده در تلفن همراه ابتدا فقط دو مورد اول را دانلود می‌کند. بقیه در حین پیمایش یکی یکی بار می‌شوند و وزن صفحه اولیه را چندین مگابایت کاهش می‌دهند.

چرا اهمیت دارد

بارگذاری تنبل زمان بارگذاری اولیه و پهنای باند را در صفحات پر تصویر کاهش می‌دهد، و تجربه Core Web Vitals و موبایل را بهبود می‌بخشد - تا زمانی که تصاویر مهم از آن حذف شوند.

محتواهای این برچسب ۰ محتوا

هنوز محتوایی با این برچسب منتشر نشده است.

سوالات متداول

آیا بارگذاری تنبل به SEO یا نمایه سازی تصویر آسیب می‌رساند؟

اگر به درستی اجرا شود خیر. Google صفحات را رندر می‌کند و بارگذاری استاندارد تنبل را راه‌اندازی می‌کند، و ویژگی بارگیری بومی = تنبلی کاملاً خزنده پسند است. مشکلاتی با پیاده سازی‌های سفارشی JavaScript که هرگز تصویر واقعی URL را در HTML نشان نمی‌دهند به وجود می‌آیند - از ویژگی‌های src یا srcset مناسب استفاده کنید تا خزنده‌ها بتوانند تصاویر را پیدا کنند.

آیا باید همه تصاویر را در یک صفحه بارگذاری کنم؟

خیر. تصاویر قابل مشاهده در نمای اولیه - به ویژه تصویر قهرمان یا بزرگترین تصویر رنگ محتوا - باید مشتاقانه بارگیری شوند و در حالت ایده آل از قبل بارگذاری شوند. بارگذاری تنبل آنها متریک LCP را به تاخیر می‌اندازد و صفحه را کندتر می‌کند. بارگذاری تنبل را برای محتوای زیر صفحه رزرو کنید.