Be Yours ابتدائی صفحہ کو بہت تیزی سے لوڈ کرنے کی صلاحیت کے ساتھ آتا ہے۔
اس صفحہ پر
میکانزم
عام طور پر، براؤزر صفحہ پر تقریباً تمام عناصر کو پیش کرتا ہے۔ یہاں تک کہ جب آپ سب سے اوپر ہیں، صفحہ کے نیچے والے حصے اب بھی شامل ہیں۔
لیکن اب نہیں، شہر میں ایک نئی CSS پراپرٹی ہے جسے content-visibility کہتے ہیں۔ آپ ان پیچیدہ اصطلاحات کو نظر انداز کر سکتے ہیں۔ تصور کرنے کے لیے، تکنیک صفحہ کے عناصر کی رینڈرنگ کو اس وقت تک چھوڑ دیتی ہے جب تک کہ وہ آپ کے خیال میں آنے والے نہ ہوں۔ یہ صلاحیت اب بی یورز میں ضم ہو گئی ہے۔ ہم براؤزر سے کہہ سکتے ہیں کہ صفحہ کے کچھ حصوں کے رینڈرنگ کے کام کو موخر کرے، جیسے لے آؤٹ ہیوی سیکشنز، اور انہیں صرف اس وقت رینڈر کریں جب وہ نظر آنے والے ہوں۔
ہمارے ڈیمو میں، ہوم پیج کے سیکشنز پر content-visibility لاگو کرنے سے ابتدائی لوڈ پر 5x رینڈرنگ کارکردگی میں اضافہ ہوتا ہے۔
فائدے اور نقصانات
ظاہر ہے، یہ صفحہ میں تلاش یا SEO کو توڑے بغیر طویل صفحات کی رینڈرنگ لاگت کو کم کرنے میں مدد کرتا ہے۔ تصور کریں کہ آپ کے پاس ایک ڈراپ شپنگ اسٹور ہے اور ہوم پیج پر مصنوعات یا مجموعوں کی نمائندگی کرنے والے بہت سے حصے ہیں۔ یا ایک قسم کا شوکیس اسٹور جس کا لینڈنگ صفحہ کافی تصاویر سے بھرا ہوا ہے، اور یہ تکنیک ان معاملات کے لیے فائدہ مند ہے۔
تاہم، یہ تکنیک اپنی حدود اور کیڑے کے ساتھ بھی آتی ہے۔ اگر آپ صفحہ کو اسکرول کرتے ہیں، تو آپ دیکھیں گے کہ اسکرول بار داغدار دکھائی دے رہا ہے، یہی صفحہ کا مواد خود کو نئے مواد کے مطابق ڈھال رہا ہے۔ اور چونکہ غیر پیش کردہ عناصر لے آؤٹ میں اپنی اونچائی کھو دیتے ہیں، اس لیے بعض اوقات آپ دیکھ سکتے ہیں کہ ماؤس اسکرولنگ کے دوران مواد قدرے پیچھے دکھائی دیتا ہے۔
یہ نوٹ کرنا بھی ضروری ہے کہ یہ تکنیک مکمل مطابقت نہیں رکھتی۔ یہ فی الحال فائر فاکس اور انٹرنر ایکسپلورر پر تعاون یافتہ نہیں ہے:
