سرعت بارگذاری یک سایت از اهمیت ویژهای از دید مدیران سایت ها و کاربران آن دارد. زیرا سایتی که به سرعت لود میشود دارای راندمان مطلوب و بهتری است و کاربران قادر خواهند بود سریع تر به خواسته خود در آن سایت برسند و از دید مدیر یک سایت هم رضایت کاربر سبب افزایش فروش و بازدهی سایت خواهد شد.
یکی از عوامل مهمی که در سرعت سایت نقش اساسی دارد، تصاویر سایت است زیرا بخش های گرافیکی سایت که در طراحی سایت و مطالب آن استفاده میشود تا هفتاد درصد حجم صفحات را شامل میشود.
البته بهینهسازی و به کار بردن درست تصاویر در سایت میتواند تأثیر بسزایی در صرفهجویی مصرف پهنای باند ماهانه سایت داشته باشد و سبب کاهش شایان توجهی در هزینههای میزبانی وب سایت شود.
اخیراً تکنیکی به نام لیزی لود به سایت ها افزوده شده است که تأثیر باورنکردنی در صرفهجویی پهنای باند و افزایش سرعت سایت دارد.
لیزی لود چیست؟
lazy load روشی است که در آن محتوای یک صفحه سایت وقتی به آن نیاز است تا لود (بارگذاری) میشود. نه این که تمام صفحه سایت به صورت یک باره بارگذاری شود. محتوای صفحه مورد نظر طبق معمول زمانی که صفحه باز میشود، تماماً دانلود میشود اما در حالت لیزی لود زمانی که کاربران آن را درخواست میکنند بارگذاری میشوند. زمانی که کاربر در صفحه اسکرول مینماید. در حقیقت هنگامی که یک صفحه سایت را مشاهده میکنید تمام صفحه به یک باره در مرورگر شما باز نمیشود و هنگامی که به سمت پایین صفحه اسکرول میکنید تا ادامه محتوای صفحه را مشاهده کنید صفحه نمایش داده میشود و این حالت ادامه داده میشود.
معمولا زمانی که کاربر یک صفحه از سایت را باز میکند، کل محتوای صفحه دانلود میشود به همین سبب مرورگر اطلاعات را کش میکند اما هیچگونه تضمینی وجود ندارد که کاربر به پایین صفحه اسکرول کند و کل صفحه را مشاهده کند. از این جهت بارگذاری کل صفحه شاید نیاز نباشد
برای مثال اگر صفحهای که شامل گالری عکس ها است درمروگر دانلود شود اما کاربر فقط اولین عکس را مشاهده کند در نتیجه حافظه و پهنای باند بیشتری مصرف میشود.
لیزی لود سبب میشود که یک سایت سریعتر بارگذاری شده و در مصرف پهنای باند صرفهجویی شود.
نکات پیش از فعالسازی lazy load
پیش از فعالسازی لیزی لود در سایت باید به موارد زیر دقت کنید:
- زمانی از lazy load استفاده کنید که تعداد تصاویر سایت شما زیاد باشد و در صورتی که سایت شما بیشتر مطالب متنی دارد و یک الی دو عکس در میان مطالب خوددارید نیازی نیست از lazy load استفاده کنید.
- لیزی لود با به کار بردن جاوا اسکریپت به صفحات سایت شما اضافه میشود و نیازمند دانش کد نویسی است.
- در هنگام فعالسازی لیزی لود در سایت نهایت دقت را داشته باشید زیرا هر گونه اشتباه باعث خواهد شد تصاویر سایت اصلاً به کاربران نمایش داده نشود.
- زمانی که از lazy load استفاده میکنید قادر خواهید بود برای محل قرارگیری تصاویر قبل از بارگذاری رنگ بک راند و انیمیشن در نظر بگیرید.
ابزارهای مورد نیاز برای استفاده از لیزی لود
چنانچه برنامهنویس و یا با کد نویسی آشنا هستید میتوانید با استفاده از کد آماده موجود در گیت هاب قابلیت لیزی لود را در سایت خود فعال کنید. و یا اگر از سیستم مدیریت محتوای وردپرس استفاده میکنید از افزونههای رایگان زیادی که وجود دارد استفاده کنید.
جمعبندی کلی:
به کار بردن lazy load از نظر صرفهجویی در پهنای باند یک سایت میتوانید بسیار موثر واقع شود و هم برای کاربران از دید افزایش سرعت سایت و بهبود تجربه کاربری سایت کارساز باشد.
ممنون از اطلاعات خوبی که در اختیار می گذارید
سلام،
ممنون از حمایت شما دوست عزیز
بسیار عالی و مفید بود متشکرم از شما بخاطر وب سایت خوبتون من تونستم از طریق وب سایت شما مشکلم رو حل کنم
ممنون ، کاش چند تا افزونه وردپرس هم معرفی میکردید ،
سلام,
بهترین افزونه موجود در مخزن وردپرس همین افزنه Lazy Load هست.البته افزونه BJ Lazy Load هم افزونه قدرتمندی هم هست که می تونید استفاده کنید.
تشکر از سایت خوبتون
سلام
در سئو هم آیا تاثیر دارد یا خیر؟
افزونه خاصی رو برای وردپرس پیشنهاد میکنید؟
ممنون ولی کاش مختصری هم در مورد کد نویسیش توضیح میدادید.
سلام
مطلب مفیدی بود
سپاس
سلام.عالی بود چند تا افزونه کم کردن حجم تصاویر نصب کردم ولی هیچ کدوم مثل این نشد.ممنون