دوره آموزش ووکامرس

lazy loading چیست | افزایش سرعت سایت با استفاده از تکنیک lazy load


نویسنده:
سه شنبه ۱۴ بهمن ۱۳۹۹
lazy loading چیست

زمانی‌که کاربران در مرورگر خود، ‌آدرس وب‌سایتی را جست‌وجو می‌کنند. ممکن است، بارگذاری آن سایت کند پیش رود و موجب نارضایتی آنان شود. برای اینکه به موقع وب‌سایتتان بارگذاری شده و سرعت خوبی داشته باشد، می‌توانید از یکی از متداول‌ترین تکنیک‌ها استفاده کنید. اگر می‌خواهید بدانید lazy loading چیست و چه کمکی به سرعت و همچنین سئو سایت شما می‌کند، با ما در این مقاله همراه باشید!

لود تنبل یا lazy loading چیست

در صورتی که بارگذاری و نمایش وب سایت شما بیشتر از 3 ثانیه طول بکشد، در حالت کلی، 53 درصد از بازدید کنندگان وب سایت ها، پنجره ی مرورگر خود را بسته و وب سایت را رها می کنند. بنابراین شما باید توجه کنید که سرعت سایت خیلی مهم تر از گرافیک سایت هست . سرعت سایت شما ورودی سایت شما هست. اگر می‌خواهید سرعت وب‌سایتتان را ارزیابی کنید، یکی از بهترین ابزارها برای اینکار Gtmetrix است:

Gtmetrix چیست؟ روش تحلیل سرعت سایت از روی ابزار Gtmetrix

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

چرا باید از تکنیک لود تنبل یا Lazy Loading استفاده کنیم؟

مزایای تکنیک لود تنبل یا Lazy Loading عبارت اند از:

۱- کاهش زمان بارگذاری

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

۲- کاهش استفاده از پهنای باند

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

با استفاده از تکنیک lazy loading باعث کاهش استفاده از پهنای باند و در نتیجه کاهش هزینه‌های پرداخت و نگهداری سرور می‌شوید. بنابراین هزینه کمتری می‌کنید و کمتر اشغال شدن سرور شما باعث افزایش سرعت وب‌سایت می‌شود.

۳- بارگذاری DOM

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

فعال‌سازی Lazyloading در وردپرس

همانطور که گفته شد، Lazy Loading را می‌توان به عنوان یکی از مهم‌ترین شیوه‌های بهینه‌سازی و سئو سایت است که می‌توانیم از آن استفاده کنیم. در ادامه تیم ادمین‌سایت به شما کاربران عزیز، برخی از مهم‌ترین افزونه‌های مربوط در این زمینه را معرفی خواهد کرد:

افزونه bLazy.js

lazy loading چیست

این افزونه می‌تواند یکی از بهترین انتخاب‌ها برای بسیاری از سایت‌های وردپرسی به شمار رود که به سادگی در دسترس کاربران وردپرس است. به راحتی می‌توانید نسبت به نصب کردن این افزونه اقدام نمایید.

پلاگین bLazy.js یک پلاگین سبک (حجم حدود 1.2 کیلوبایت) و مستقل برای جاوااسکریپت است. نکات زیر از ویژگی‌های آن به شمار می‌رود:

  • اجرای تکنیک لود تنبل بر روی تصاویرِ متن و تصاویر پس‌زمینه
  • بارگذاری تصاویر متفاوت براساس سایز صفحه نمایش دستگاه کاربر
  • اجرای تکنیک لود تنبل بر روی هر عنصری با ویژگی src
  • پشتیبانی از مرورگرهای قدیمی مثل IE7 و IE8
  • استفاده از CDN

افزونه Lazy Loading XT

این افزونه یکی از افزونه‌های محبوب در دنیای طراحی سایت‌های وردپرسی به شمار می‌رود.

lazy loading چیست

پس از فعال‌سازی، افزونه در منو تنظیمات یک زیر منو Lazy Load XT ایجاد می‌کند و شما می‌توانید از آن طریق افزونه را پیکربندی کنید. شما علاوه بر لود تنبل می‌توانید فایل‌های جاوااسکریپت و css را Minify کنید. کتابخانه های جاوااسکریپت و css را توسط انواع CDN مانند CloudFlare لود کنید و اسکریپت‌ها را به فوتر وردپرس منتقل کنید.

مطالب زیر را حتما بخوانید

ریچ اسنیپت چیست و چه تاثیری بر سئو وبسایت‌ها دارد؟

ریچ اسنیپت‌ها، داده‌های نشانگذاری‌شده سایت می‌باشند که در نتایج گوگل به صورت نقد،‌بررسی و سوال نمایش داده می‌شود.

۷ تکنیک‌ خطرناک سئو کلاه سیاه که موجب جریمه سایتتان می‌شود!

در این مقاله به بررسی ۷ تکنیک‌ سئو کلاه سیاه می‌پردازیم. تکنیک‌هایی که استفاده از آن‌ها موجب جریمه و پنالتی...

اهمیت بروزرسانی محتوا | چرا باید محتوا را بروزرسانی کنیم؟

بروزرسانی محتوا نتایج اعجاب‌انگیزی برای وب‌سایت شما خواهد داشت. از این تکنیک برای پیشی گرفتن از رقبای خود استفاده کنید.

الگوریتم rankbrain گوگل چیست؟ و چگونه می‌تواند بر نتایج سئو تاثیر ‌گذارد؟

رنک برین یکی از الگوریتم‌های گوگل‌ست که بر پایه هوش مصنوعی ساخته شده و موثرترین الگورتیم بر روی سئو و...

دوره آموزش ووکامرس | ساخت فروشگاه اینترنتی بدون کد نویسی

دوره آموزش ووکامرس | ساخت فروشگاه اینترنتی بدون کدنویسی

دوره‌ای مختص افرادی که می‌خواهند فروشگاه اینترنتی بسازند و آن را حرفه ...

پکیج آموزش html و css

دوره آموزش HTML و CSS

دوره آموزش HTML و CSS به صورت ویدیویی و پروژه محور : ...

دوره آموزش افزونه EDD

دوره آموزش افزونه EDD

اگر قصد ساخت یک فروشگاه آنلاین برای فروش انواع فایل‌های قابل دانلود ...

دیدگاهتان را بنویسید

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *