آیا می دانستید که 47 درصد از کاربران انتظار دارند که یک صفحه در کمتر از 2 ثانیه بارگذاری شود و مشکل لیزی لودینگ بسیار پراهمیت است؟
سرعت صفحه در دنیای دیجیتال امروزی بسیار اهمیت دارد. اگر سایت شما برای کاربران قابل دسترسی نباشد و سریع به دستشان نرسد، به احتمال زیاد سایت شما را رها کرده و به سایت دیگری برای یافتن محصول خود مراجعه میکنند. (پیج اسپید گوگل چیست)
لیزی لودینگ چیست؟
به طور خلاصه، لیزی لودینگ یا lazy loading (یا به فارسی گاهی با نام لود تنبل نیز یاد میشود)، به شما این امکان را به سایتتان می دهد که عناصر صفحه با بارگذاری آهسته و طولانی را تا زمانی که صفحه شما لود کامل نشده است به تعویق بیندازید. این راهی است برای اطمینان از اینکه کاربر قبل از انجام کار سنگین، بارگذاری برخی از عناصر سایت شما را میبیند و از دست نمیرود.
حال به تعریف یکی از مهم ترین موارد در این موضوع میپردازیم. Largest Contentful Paint یک روش فانتزی برای گفتن سرعت بار است. Largest Contentful Pain نقطه ای را در جدول زمانی بارگذاری صفحه مشخص می کند که احتمالاً محتوای اصلی صفحه بارگیری شده است.
ال سی پی LCP همیشه یک عنصر حیاتی در سرعت صفحه و تجربه کاربر بوده است پس توجه به آن از واجبات است.
تاخیر سرعت اتصال فقط 500 میلی ثانیه می تواند منجر به افزایش بیش از 26٪ مقدار ناامیدی و کاهش درگیری 8٪ با سایت شما شود. Moz زمان بارگذاری ایده آل صفحه را بین 0 تا 4 ثانیه تعیین می کند و اعلام میکند که صفحاتی که در کمتر از یک ثانیه بارگذاری می شوند، حدود 2.5 برابر بیشتر از صفحاتی که کمتر از پنج ثانیه بارگذاری می شوند، نرخ تبدیل دارند.
اینجاست که لیزی لودینگ وارد می شود. lazy loading یکی از انواع کارهای مهم در جهت بهینه سازی سرعت صفحات سایت شماست که می توانید برای افزایش کارایی انجام دهید و بهترین کار را درجهت تبدیل کاربران جدید به کاربران خود انجام بدهید.
Core Web Vitals
گوگل Core Web Vitals را در ماه می ۲۰۲۰ به جهانیان معرفی کرد و به عنوان موارد ضروری پایه برای سلامت فنی سایت در نظر گرفت و شد یکی از مهم ترین شاخص هایی که گوگل برای ارزیابی UX (تجربه کاربری) یک صفحه استفاده می کند.
مدتی بود که سرعت سایت، یکی از عوامل مهم رتبه بندی گوگل شده بود اما با انتشار Core Web Vitals و اعلام نکات و به روزرسانی های آن، اهمیت این موضوع در دریافت ترافیک ارگانیک بسیار بیشتر شده است.
با به تأخیر انداختن زمان بارگذاری عناصر غیر حیاتی تا زمانی که کاربر به صفحه وب شما «دسترسی» داشته باشد، شانس بسیار بیشتری برای حفظ و نه تنها حفظ، بلکه تبدیل آن کاربر به کاربر خود می دهید.
چگونه بفهمیم سایت شما نیاز به لیزی لودینگ دارد یا خیر
کند بودن سایت شما لزوماً به این معنی نیست که باید لیزی لودینگ را پیاده سازی کنید. یک رویکرد بهتر برای بهینه سازی سرعت صفحه این است که سایت خود را از طریق یک ابزار عملکرد سرعت صفحه مانند PageSpeed Insights یا GTmetrix اجرا کنید.
در اینجا، تعدادی توصیه دریافت خواهید کرد که متوجه شوید آیا نیاز به اجرای لیزی لودینگ برای تصاویر است یا خیر. موارد زیر را چک کنید و اگر نیاز به بهبود دارد، بهبود دهید و اگر باز هم سرعت سایتتان مشکل داشت، به دنبال لیزی لودینگ بروید.
فعال کردن فشرده سازی Gzip
کوچک کردن جاوا اسکریپت، CSS و HTML
کاهش ریدایرکت ها
حذف جاوا اسکریپت مسدودکننده رندر
استفاده از حافظه پنهان مرورگر
بهبود زمان پاسخگویی سرور
استفاده از شبکه توزیع محتوا (CDN)
بهینه سازی تصاویر و ویدئو
نحوه اجرای لیزی لودینگ
اگر می خواهید لیزی لودینگ را خودتان اجرا کنید، اولین نکته ما در اینجا است: این کار را نکنید!
توجه داشته باشید برای انجام لیزی لودینگ نیاز است که فردی که توانایی کار با این عنصر را دارد، دست به کار شود. پس توجه داشته باشید اگر به این مورد تسلط کافی را ندارید، آن را انجام ندهید تا برای سایتتان مشکلی بزرگتر پیش نیاید.
اما برای کاربران وردپرس، تعدادی پلاگین مفید وجود دارد که به اجرای لیزی لودینگ کمک می کند، که برجسته ترین آنها Lazy Load و Smush هستند. Smush، به طور خاص، یک راه حل بهینه سازی تصویر همه جانبه است که فشرده سازی تصویر، لیزی لودینگ و تبدیل تصویر نسل بعدی را به شما می دهد، که همگی برای سئوی تصویر بسیار مهم و کاربردی هستند.
با این حال، بسته به سیستم مدیریت محتوای شما (CMS) (وردپرس، Shopify، Bigcommerce، Webflow) لیزی لودینگ ممکن است به سادگی پیاده سازی یک افزونه نباشد. به عنوان مثال، Shopify اجرای بارگذاری لود خاص خود را توصیه می کند. در حالی که Bigcommerce پلاگین های شخص ثالث خود را دارد که از لیزی لودینگ در تم های رایج مانند Stencil و Blueprint پشتیبانی می کند.
اگر همه اینها برای شما سخت به نظر می رسد، بیایید به جمله بالاتری که گفتیم بازگردیم و خودمان کار را انجام ندهیم، مگر اینکه به خودتان اطمینان داشته باشید وگرنه زمان و منابع را صرف تلاش برای اجرای لیزی لودینگ به صورت خودآموز نکنید.
درعوض، یک توسعه دهنده حرفه ای استخدام کنید که می توانند با خیال راحت و با اطمینان، تصاویر را در سایت شما بارگذاری کنند (و در زمانی که در حال انجام آن هستند با سایر بهینه سازی های سرعت سایت به شما کمک کنند).
اهمیت لیزی لودینگ در سایت شما
نکته مهم اینجاست: اگر در گزارش های PageSpeed Insights و GTMetrix شما یافت نمی شود، احساس نکنید که نیازی به صرف زمان خود یا توسعه دهنده تان برای اجرای لیزی لودینگ دارید. فهرستی از دیگر بهبودهای سرعت سایت بالاتر گفته شد که می توانید از آنها استفاده کنید و باید میان آنها اولویت بندی کنید (فشرده سازی Gzip، کوچک سازی جاوا اسکریپت، CSS و HTML، حذف جاوا اسکریپت مسدودکننده رندر، استفاده از حافظه پنهان مرورگر، بهبود زمان پاسخ سرور و موارد دیگر).
اگر این موارد را حل کردید اما همچنان کندی سایت داشتید، وارد مرحله بعد میشوید و باید به سراغ لیزی لودینگ بروید.
از طرف دیگر، اگر یک وب سایت بصری با تصاویر زیاد دارید، و اگر در گزارش Core Web Vitals خود در Search Console صفحات LCP کند زیادی پیدا کردید، برای اجرای عیب یابی با ابزار مناسب، برای سرعت سایت وقت بگذارید. لیزی لودینگ می تواند زمان بارگذاری سایت ها و صفحات با عناصر بزرگتر را به طور قابل توجهی بهبود بخشد.
درنهایت اینکه، سرعت سایت از ارکان بسیار مهم و پراهمیت برای رشد رتبه سایت شما است. درنتیجه این مورد بسیار مهم است که اگر سایت شما کند است، به دنبال حل این مشکل باشید. لیزی لودینگ یکی از بهترین راه حل ها برای برطرف کردن این مشکل است. پس به این موضوع حتما توجه داشته باشید.
