سی ایس ایس سلیکٹر کی کارکردگی کے بارے میں حقیقت

جی، اسے چھوڑ دو پیٹرک بروسیٹ سی ایس ایس کی کارکردگی پر بات کریں گے۔ سب سے زیادہ قابل رسائی اور عملی طریقے سے۔ ایسا نہیں ہے کہ سی ایس ایس ہمیشہ ہوتا ہے۔ کیا رفتار بڑھ رہی ہے، یا یہاں تک کہ سب سے کم لٹکنے والا پھل جب کارکردگی کو بہتر بنانے کی بات آتی ہے۔

لیکن if آپ چیزوں کے CSS سائیڈ پر فائدے تلاش کر رہے ہیں، پیٹرک کے پاس Edge DevTools کا استعمال کرتے ہوئے اپنے مہنگے ترین سلیکٹرز کو سونگھنے کا ایک اچھا طریقہ ہے:

• کھولیں DevTools کریک.
• پرفارمنس ٹیب کی طرف جائیں۔
• یقینی بنائیں کہ آپ کے پاس "ایڈوانس رینڈرنگ انسٹرومینٹیشن کو فعال کریں" کا اختیار فعال ہے۔ اس نے مجھے اس عمل میں پھنسایا۔
• صفحہ لوڈ ریکارڈ کریں۔
• رپورٹ میں "باٹم اپ" ٹیب کو کھولیں۔
• اپنی دوبارہ گنتی کی گئی طرزوں کا سائز دیکھیں۔

یہاں سے، مین واٹر فال ویو میں دوبارہ گنتی والے انداز کے واقعات میں سے کسی ایک پر کلک کریں اور آپ کو ایک نیا "سلیکٹر سٹیٹس" ٹیب ملے گا۔ دیکھو وہ سب اچھائیاں!

اب آپ ان تمام سلیکٹرز کو دیکھتے ہیں جن پر کارروائی کی گئی تھی اور انہیں اس لحاظ سے ترتیب دیا جا سکتا ہے کہ انہوں نے کتنا وقت لیا، کتنی بار میچ کیا، میچنگ کی کوششوں کی تعداد، اور "فاسٹ ریجیکٹ کاؤنٹ" کہلاتی ہے۔ میں نے سیکھا ان عناصر کی تعداد ہے جو مماثلت سے ختم کرنا آسان اور فوری تھے۔

یہاں بہت ساری بصیرتیں ہیں اگر سی ایس ایس واقعی ایک رکاوٹ ہے جس کی تفتیش کی ضرورت ہے۔ لیکن مائیکروسافٹ ایج بلاگ پر پیٹرک کی مکمل پوسٹ پڑھیں کیونکہ وہ کیوں اور کیسے ہے، اور ایک پورے کیس اسٹڈی سے گزرتا ہے۔

براہ راست لنک →

• SEO سے چلنے والا مواد اور PR کی تقسیم۔ آج ہی بڑھا دیں۔
• پلیٹو بلاک چین۔ Web3 Metaverse Intelligence. علم میں اضافہ۔ یہاں تک رسائی حاصل کریں۔
• ماخذ: https://css-tricks.com/the-truth-about-css-selector-performance/