0

You have no items in your shopping cart.

0

ورود به سایت

نام کاربری *
رمز عبور *
مرا بخاطر بسپار

ایجاد حساب کاربری

فیلدهای ستاره دار الزامی است.
نام *
نام کاربری *
رمز عبور *
تایید رمز عبور *
ایمیل *
تایید ایمیل *
کپچا *
امتیاز
(3 )

Lazy Loading در مرورگر کروم بدون کدنویسی

Lazy Loading در مرورگر کروم بدون کدنویسی

Lazy Loading در مرورگر کروم بدون کدنویسی

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

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

روش فعالسازی Lazy loading در کروم

برای اینکه از lazy loading خود مرورگر بهره مند شوید کافیست همانند تصویر زیر تکه کد مورد نظر را که به صورت یک ویژگی با نام loading تعریف شده است را در تگ img یا iframe های خود قرار دهید:



میتوانید این مطلب را چاپ و یا به صورت PDF دانلود کنید

چاپ/PDF

نظرات (2)

  1. فرشاد

سلام
ایا در gtmetrix با این کار نتیجه فرق میکنه ؟؟

با سلام
بله نتیجه فرق میکند.یکی از موارد پیشنهادی در gtmetrix برای بهبود شاخص تصاویر ، lazy loading است

نظری ثبت نشده است

سوالات و نظرات خود را ثبت نمایید.سوالات و نظرات توسط مدیران سایت پاسخ داده میشوند

ارسال نظر به صورت میهمان ثبت نام کنید و یا وارد شوید به حساب کاربری خودتان
پیوست ها (0 / 3)
Share Your Location
76 دوره ی آموزشی
32,683 دانشجو
933,257 بار دانلود

برخی نظرات کاربران

درود..من قبلا با لاراول در حد متوسط کار کردم..تصادفا با سایتتون آشنا شدم و فیلمای لاراول رو گرفتم و دیدم..متونم بگم یکی از بهترین های وب ایران میتونه باشه این دوره..از استاد عزیز این دوره آقای طالبی نهایت تشکر رو دارم..و بیصبرانه منتظر ادامه ی این دوره م..پر انرژی تر از قبل به کارت
سلام استاد عزیز، داشتم به این فکر میکردم که اگه کسی بخواد لاراول یاد بده واقعا میشه از این بهتر بگه یا نه؟! به این نتیجه سیدم که واقعاااااا عالییییییه.... واقعا ممنونم... ایشالا که خیییل زود تکمیل بشه و من هم که دیگه گمونم معتاد آموزش هاتون شدم و باید بقیه ی آموزش های سایت رو هم کم
سلام استاد عزیز ممنون از تدریس فوق العاده تون خیلی خیلی عالیه. میخواستم خواهش کنم اگر ممکنه سایت نهایی رو به روش restfull api پیاده سازی بفرمایید تشکر فراوان از زحمات شما .
من تازه کار هستم چقدر خوب که در کنار این مطلب مفید دوره ی پی اچ پی هم رایگان قرار دادید.تا ویدیو شماره 11 را دیدم که بسیار با تسلط و صدای خوب و عالی آموزش داده شده جای تشکر و قدردانی دارد

الف یار- مهارت بیشتر ، درآمد بیشتر

الف یار مرجع آموزشهای حرفه ای در زمینه ی برنامه نویسی و طراحی وب از سال 1390 فعالیت خود را آغاز کرده است و تا کنون ویدیو های آموزشی متفاوت و جامعی را به مخاطبان خود ارائه کرده است.
الفیار دارای مجوز نشر دیجیتال به شماره 2858 از وزارت ارشاد میباشد و کپی برداری و نشر محصولات آموزشی الفیار شرعا حرام و دارای پیگرد قانونی خواهد بود