گروه برنامه نویسی و طراحی سایت « وبیک »
مجتبی یوسفی
نویسنده : مجتبی یوسفی

ارسال تیکت
  تیکت
برای هر یک از موارد زیر می توانید از این بخش استفاده نمایید:
- سفارش طراحی سایت جدید
- پیگیری سفارش های قبلی
- گزارش مشکل پیش آمده
عضویت در خبرنامه
  عضویت در خبرنامه
ما هم مثل شما از اسپم خوشمان نمی آید ، با عضویت در خبرنامه سایت هر ماه یک الی دو ایمیل برای شما ارسال می شود.
آمار بازدیدکنندگان
  آمار بازدیدکنندگان
کاربران آنلاین : 2
بازدید های امروز : 002
بازدید های دیروز : 394
کل بازدید ها : 281,819
پر بازدید ترین روز : 1397/12/23
بیشترین بازدید : 740



پس بارگزاری تصاویر

پس بارگزاری تصاویر

تاکنون بحث طراحان وب بر سر بارگزاری سریع تصاویر بوده است. اغلب ما از تصاویری استفاده می کنیم که در استایلها و جاوا اسکریپتهای صفحه بکار می رود. در هنگام فراخوانی این استایلها و توابع تصویری که هنوز بارگزاری نگردیده است، شروع به بارگزاری می کند و باعث ایجاد وقفه یا کندی نمایش می شود. طراحان وب برای جلوگیری از این حالت، تصاویر را پیش بارگزاری (پری لود) می کنند که در هنگام نیاز سریعا نمایش داده شوند و نیازی به بارگزاری نداشته باشند.

ولی فایده تکنیک پس بارگزاری چیست؟ در این حالت ما با استایل ها و اسکریپت ها کمتر درگیر هستیم و مشکل وقتی پیش می اید که ما صفحه ای پر از تصاویر مختلف را بخواهیم نمایش دهیم. از آنجا که این تصاویر در بدنه صفحه جای گرفته اند، به محض ارسال درخواست نمایش صفحه شروع به بارگزاری می کنند که این کار باعث می شود هم پهنای باند صرف بارگزاری همزمان تصاویر گردد و هم جهت نمایش صفحه نیاز به دانلود حجم اطلاعات بیشتری باشد. تصاویری که شاید در بخشهای زیرین صفحه قرار داشته باشند و در نگاه اول در صفحه اصلا در تیررس دید کاربران نیز قرار نداشته باشند. این اتفاق باعث کندی بارگزاری کل صفحه می گردد.

در تکنیک پس بارگزاری تصاویر، ما تصاویر مورد نظرمان را زمانی بارگزاری می کنیم که در تیررس دید کاربر قرار گیرند. تصویری پیش فرض جای خالی تصاویر بارگزاری نشده را پرکرده و به محض این که کاربر صفحه را مثلا به صورت عمودی حرکت دهد تا به پایین صفحه حرکت کند، فقط تصاویری که در معرض دید کاربر قرار می گیرند شروع به بارگزاری می کنند (نه تمام تصاویر باقیمانده). این کار باعث نمایش سریعتر و بارگزاری سریعتر کل صفحه در هنگام درخواست نمایش صفحه جدید می گردد.

این کار باید سمت کاربر انجام گیرد. جاوا اسکریپت به محض نمایش تصاویر روی مرورگر کاربر درخواست بازیابی آن از روی سرور را ارسال می نماید. علاوه بر این که به سادگی می توانید این کار را با جاوا اسکریپت انجام بدهید، کتابخانه های آماده ای هم مانند LazyLoad جهت این کار وجود دارد.

منبع :
تعداد بازدید : 1410


دیدگاه شما