Lazy Loading در مرورگر کروم بدون کدنویسی
همانطور که میدانید یکی از ویژگی هایی که باعث میشود تا سایت شما با سرعت بالایی بارگزاری شود استفاده از Lazy loading برای نمایش تصاویر سایت شماست.این ویژگی به شما امکان میدهد که تمام تصاویر صفحه ی ای کاربر در حال مشاهده ی آن است ، یکجا باز نشوند و تنها تصاویری را کاربر مشاهده میکند که در صفحه ی مانیتور خود در حال مشاهده ی آن است و هرگاه به قسمت های پایین تر صفحه اسکرول نماید ، آنگاه سایر تصاویر نیز نمایش داده میشوند.
تکنیک لیزی لودینگ یکی از محبوبترین تکنیکهای مورد استفاده برای طراحان سایت هاست و به همین دلیل کمپانی گوگل برای اینکه دیگر نیازی به کدنویسی و نصب انواع پلاگین ها در سایت خود نداشته باشید ، در نسخه ی 76 مرورگر کروم ، به صورت پیشفرض این امکان را قرارداده است.
روش فعالسازی Lazy loading در کروم
برای اینکه از lazy loading خود مرورگر بهره مند شوید کافیست همانند تصویر زیر تکه کد مورد نظر را که به صورت یک ویژگی با نام loading تعریف شده است را در تگ img یا iframe های خود قرار دهید:
نظرات (2)