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