لیزی لود (lazy load) چیست؟
احتمالا شما هم برای افزایش سرعت سایت و بهینه سازی سایتتان (به زبان خودمانی تر سئو ساییتان) به هر دری زده اید و نتیجه ای نگرفته اید. شاید آخرین راه حلی که به آن رسیده اید، lazy loading است. احتمالا پیش خودتان می گویید مگر یک افزونه چقدر می تواند در سرعت سایت من تاثیر داشته باشد و بتواند سئو سایت مرا بهبود بخشد؟ عجله نکنید و وزد قضاوت نکنید. چرا که پس از آن که مطالعه این مقاله را به پایان برسانید، اقدام به استفاده از آن خواهید کرد. به جرات می توانیم بگوییم که lazy loading یکی از فاکتورهای موثر در سرعت سایت و بهبود سئو سایت است.
lazy load محتوا ها را برای لود شدن به صف می کند و نقش یک مبصر و ناظم را دارد، اگر lazy load نباشد، محتواها برای بارگذاری شدن دعوا می کنند و در نهایت با تاخیر نشان داده می شوند.
اما قبل از آن که مقاله را مطالعه کنید و به دنبال lazy loading بگردید، یک سوال از شما داریم: آیا زیر ساخت سایت شما قدرتمند است؟ منظورمان از زیرساخت سرور است. تا زمانی که سرور سایت شما قدرت کافی را نداشته باشد، در این صورت شما با کاهش سرعت در سایت مواجه خواهید بود و هرگز نمی توانید سئو سایتتان را بهبود ببخشید. اگر پاسختان به این سوال منفی است، بهتر است سری به صفحه خرید سرور مجازی هاستینگ ما بزنید و پس از آن که یک زیر ساخت فوق العاده برای سایتتان تهیه کردید، با ما در ادامه مقاله همراه باشید.
لود تنبل یا lazy loading چیست؟
وارد هر سایتی که شوید، به سادگی متوجه می شوید که یک سایت از موارد مختلفی مانند متن، عکس، ویدئو و … تشکیل شده است؛ اما جالب است بدانید که حدود ۷۰ درصد از آن را عکس و ویدیو شکل می دهد. حجم عکس ها و فیلم ها معمولا بیشتر از مواردی مانند متن ها است که خیلی راحت می توانید متوجه شوید که این موضوع لود شدن و بارگذاری صفحات را می تواند کاهش دهد. نه شما و نه هیچ کاربر دیگری دوست ندارد که برای لود شدن صفحات انتظار بکشد.
اما آمار جالبی در این زمینه وجود دارد که نشان می دهد به صورت میانگین ۵۳ درصد از کاربران ۳ ثانیه برای لود شدن صفحات صبر می کنند و در غیر این صورت صفحه را می بندند (البته ممکن است این مدت زمان در ایران کمی بیشتر باشد!). lazy load یک تکنیک سحر آمیز است که شما می توانید از آن برای کاهش دادن حجم مصرفی از اشتراک استفاده کنید و سرعت سایت خودتان را افزایش دهید.
پیش از این در مورد فضیلت ها و روش های افزایش سرعت سایت با شما صحبت کرده ایم! اما به صورت ساده تر بگوییم که افزایش سرعت سایت منجر به تجربه کاربری بهتری می شود و این همان چیزی است که گوگل به دنبال آن است و بر اساس همین فاکتور شما می توانید شانس خودتان را برای کسب رتبه های بالاتر نتایج جستجو افزایش دهید.
نقش lazy load چیست و چرا باید از آن استفاده کنیم؟
بگذارید با یک مثال موضوع را جا بیاندازیم. فرض کنید که شما وارد یکی از صفحات سایت ما می شوید و متوجه می شوید که ما یک ویدیو هم برایتان در سایت گذاشته ایم. اگر ما از تکنیک lazy load استفاده کرده باشیم، در این صورت اگر شما به پایین صفحه اسکرول نکنید، ویدیو لود نمی شود و شما هم می توانید با سرعت بیشتری محتوایی که می خواهید را در صفحه مشاهده کنید. به زبان ساده تر lazy load به سایت شما کمک می کند تا متن، تصاویر و ویدئوهای موجود در یک صفحه و منابع دیگر با اسکرول کردن کاربران دانلود شوند و به نمایش درآیند. سرعت سایت شما با این کار بیشتر می شود.
بیایید وضعیتی را هم تصور کنیم که از این تکنیک استفاده نشده است؛ در این صورت زمانی که کاربر وارد سایت شما می شود تمام محتواها شروع به بارگذاری می کنند. در این صورت سرعت لود شدن صفحه پایین می آید
پیاده سازی lazy load چه مزیتی برای سایت ما دارد؟
این منطقی است که شما پیش از اجرای یک تکنیک، بخواهید بدانید که چه مزایایی برای شما در پی دارد. در این جا ما این مزیت ها را بیان می کنیم.
بهبود سرعت سایت با تکنیک لیزی لود
تا اینجا با lazy load آشنا شدید و تقریبا متوجه شدید که به کمک lazy load سرعت سایت شما بیشتر می شود و به همین دلیل سبب افزایش ترافیک سایت شما می شود.
بهبود تجربه کاربری و کاهش نرخ پرش
وقتی سرعت سایت شما بهینه باشد، کاربران آن را مطلوب ارزیابی می کنند و تجربه کاربری خوبی از سایت شما خواهند داشت و از سایت شما خارج نمی شوند و نرخ پرش یا همان Bounce Rate کاهش میابد و مدت زمانی که در سایت شما می مانند، بیشتر می شود.
بهبود سئو سایت با تکنیک لیزی لود
یکی از مهم ترین خدماتی که lazy load به سایت شما می تواند بکند، این است که سئو سایت شما را بهبود می دهد. اما چگونه؟ این مزیت lazy load در گرو دو مزیت قبلی است که بیان کردیم. زمانی که سرعت سایت شما بهینه باشد و نرخ پرش هم پایین باشد، به راحتی می توان متوجه شد که فاکتورهای لازم را برای تصاحب رتبه های بالای نتایج جستجوی گوگل کسب می کنید.
کاهش یافتن استفاده از پهنای باند
پهنای باند سایت، میزان ترافیک ماهیانه سایت شما است. زمانی که سایت شما با اطلاعات و محتواهایش بارگذاری می شود، از میزان پهنای باند شما کاسته می شود. در صورتی که بخواهید میزان استفاده از پهنای باند کاهش پیدا کند، با فعال کردن lazy load می توانید این کار را انجام دهید. چرا که با این کار از بارگذاری بیهوده مطالب و محتواهای سایت جلوگیری می کنید.
کاهش فعالیت برای مرورگر
در صورتی که تصاویر و ویدیو ها در سایت شما با lazy load بارگذاری شوند، در این صورت مرورگر تا زمانی که با اسکرول صفحه درخواست شود، نیاز به تجزیه یا رمزگشایی منابع ندارد.
درخواست های http در طول بارگذاری اول کاهش میابد
lazy load کمک می کند که تعداد درخواست های http کمتر شود.
داده های کمتری توسط سرور یا CDN ارائه می شود
با lazy load سرور یا CDN داده های کمتری را دانلود می کند و هزینه های شما با این کار کاهش پیدا می کند.
ذخیره داده و پهنای باند برای کاربرانی که با تلفن همراه وارد سایت شما می شوند
در صورتی که بیشتر محتوای سایت شما تصاویر باشد، در این صورت کاربرانی که با تلفن همراه از سایت شما بازدید می کنند، در این صورت حجم کمتری مصرف می کنند و این موضوع می تواند به نفع آن ها باشد.
آشنایی با انواع مختلف lazy load
در اینجا شما را با چندین نوع مختلف lazy load آشنا می کنیم.
افزونه BJ Lazy Load
یکی از محبوب ترین افزونه هایی که می توانیم معرفی کنیم، افزونه BJ Lazy Load است. مزیتی که این افزونه دارد، این است که نصب راحتی دارد و شما می توانید آن را به راحتی فعال کنید و با آن کار کنید. اما تنها این نیست. BJ Lazy Load قابلیت تصویر جایگزین دارد و به کمک این قابلیت شما می توانید یک تصویر را آپلود کنید و در نهایت تا موقعی که تصاویر صفحات هنوز لود نشده اند، جایگزین آن ها می شود.
اما این کار چه فایده ای دارد؟ ساده تر بگوییم: اگر کاربران تصویر اصلی را مشاهده نکنند، بازهم نسبت به سایت شما دید منفی نخواهند داشت. توصیه ما به شما این است که اگر از BJ Lazy Load استفاده می کنید، عکس های کم حجم و نه چندان بزرگ را انتخاب کنید تا سرعت سایت کاهش پیدا نکند.
BJ Lazy Load فکر همه جا را کرده است. برای مثال شما در این افزونه می توانید تعیین کنید که کدام عکس یا ویدئو منتظر Lazy Load نماند و از همان اول در صفحه آپلود شود. در صورتی که قرار است از این افزونه استفاده کنید، حتما پیش از بارگذاری عکس ها و ویدیو ها، حجم آن ها را کاهش دهید.
افزونه a3 Lazy Load
این افزونه را به کسانی معرفی می کنیم که به دنبال گزینه ای هستند که قابلیت های بالایی داشته باشد و چندان به دانش فنی نیاز نداشته باشد. a3 Lazy Load افزونه معتبری به حساب می آید و افراد زیادی هم آن را نصب کرده اند و نظرات مثبتی نسبت به آن داشتند. مزیتی که a3 Lazy Load دارد، این است که شما پس از نصب آن الزامی به بهینه کردن تصاویر پیش از آپلود ندارید.
افزونه Rocket Lazy Load
افزونه wp-rocket را هم به کسانی پیشنهاد می کنیم که دست به جیب باشند! چرا که نسخه اصلی این افزونه غیررایگان و پولی است. این افزونه به صورت اتوماتیک قابلیت لیزی لود را روی سایت شما فعال می کند؛ اما توسعه دهندگان این پلاگین، یک افزونه رایگان هم در اختیار کاربران وردپرس قرار داده اند. که با نام Rocket Lazy Load شناخته می شود.
این افزونه را هم می توانیم یکی از افزونه های محبوب به شمار آوریم که ساده است و کمترین نیاز را به دانش تخصصی دارد.
XT Lazy Load
افزونه ای پرطرفدار اما بدون آپدیت و بدون پشتیبانی مناسب. شاید این افزونه چندان معروف نباشد، اما رضایت بالای کاربران سبب شد که ما این افزونه را به شما معرفی کنیم.
شما می توانید به کمک این افزونه کدهای CSS، JS، HTML را در سایت خودتان را فشرده کنید و حتی می توانید به کمک این پلاگین کدهای JS را به قسمت فوتر انتقال دهید. شاید این حرف برایتان کمی گنگ باشد و به همین خاطر برایتان قضیه را روشن تر می کنیم.
زمانی که کاربر به مرورگر وارد می شود، در حالت عادی کدهای JS در زمان وارد شدن کاربر روی مرورگر دانلود می شوند، اما در صورت به تعویق انداختن آن ها و انتقال دادنشان به فوتر، در این صورت کاربر به صورت کامل وارد سایت می شود و بارگذاری کدها عقب می افتد و سرعت سایت افزایش پیدا می کند. در نهایت انتخاب با شماست که این افزونه را نصب کنید و باگ ها و خطرات امنیتی آن را به جان بخرید یا از افزونه های دیگری که به شما معرفی کردیم استفاده کنید.
نحوه عملکرد Lazy Load چگونه است؟
زمانی که شما وارد یک سایتی می شوید، در این صورت تلفن همراه شما شروع به دانلود کردن جزئیات یک سایت می کند که این جزئیات می تواند مواردی مانند کدهای html، css، js و همینطور تصاویر سایت و ویدئوها باشد. مدت زمانی که برای دانلود کردن این موارد باید انتظار بکشید، معمولا طولانی است. Lazy Load تمام این معادلات را بهم می ریزد و با دانلود کدهای ضروری که برای وارد شدن به سایت نیاز است، کار را سریع تر پیش می برد. یعنی ابتدا کدهای ضروری دانلود می شوند و پس از آن عکس های ابتدایی که در صفحه وجود دارند دانلود می شوند و پس از آن با اسکرول کردن تصاویر به ترتیب دانلود می شوند.
چگونه Lazy Load را اجرا کنیم؟
برای اجرای Lazy Load اگر قرار است خودتان اقدام کنید، دست نگه دارید؛ چرا که این کار نیاز به فردی متخصص و باتجربه دارد. برای کاربران وردپرس پلاگین های مفیدی وجود دارد که کمک می کند ایزی لود به آسانی اجرا شوید.
یکی از این پلاگین‌ها Lazy Load و Smush هستند. Smush به صورت اختصاصی یک راه حل همه جانبه برای بهینه سازی تصاویر است که امکان فشرده‌سازی تصویر و lazy loading را در اختیار شما می‌دهد.
البته این نکته را در نظر داشته باشید که بسته به اینکه از چه سیستم مدیریت محتوایی استفاده می کنید، با پیشنهاداتی مانند Shopify، Bigcommerce، Webflow مواجه خواهید شد که پیاده سازی و اجرای این ها به سادگی یک افزونه نیست و پیشنهاد ما کمک گرفتن از یک برنامه نویس است.
جمع بندی
بالاخره مقاله Lazy Loading چیست هم به پایان رسید و ما به صورت کامل به این سوال پاسخ دادیم و نحوه بهبود سرعت و سئو سایت با تکنیک لیزی لود را به شما گفتیم.
