CSS নির্বাচক কর্মক্ষমতা সম্পর্কে সত্য

জিজ, এটা ছেড়ে দিন প্যাট্রিক ব্রসেট সিএসএস পারফরম্যান্সে কথা বলবেন সম্ভব সবচেয়ে সহজলভ্য এবং ব্যবহারিক উপায়ে। যে CSS সবসময় হয় না কি গতি আপ gunking, বা এমনকি সর্বনিম্ন ঝুলন্ত ফল যখন এটি কর্মক্ষমতা উন্নতি আসে.

কিন্তু if আপনি জিনিসগুলির CSS দিক থেকে লাভের সন্ধান করছেন, প্যাট্রিকের কাছে এজ ডেভটুল ব্যবহার করে আপনার সবচেয়ে ব্যয়বহুল নির্বাচকদের শুঁকে নেওয়ার একটি চমৎকার উপায় রয়েছে:

• DevTools খুলুন।
• পারফরম্যান্স ট্যাবে যান।
• নিশ্চিত করুন যে আপনি "উন্নত রেন্ডারিং ইন্সট্রুমেন্টেশন সক্ষম করুন" বিকল্পটি সক্ষম করেছেন৷ এই প্রক্রিয়া আমাকে tripped আপ.
• একটি পৃষ্ঠা লোড রেকর্ড.
• রিপোর্টে "বটম-আপ" ট্যাবটি খুলুন।
• আপনার পুনরায় গণনা করা শৈলীর আকার দেখুন।

এখান থেকে, মূল জলপ্রপাত ভিউতে পুনরায় গণনা করা স্টাইল ইভেন্টগুলির একটিতে ক্লিক করুন এবং আপনি একটি নতুন "নির্বাচক পরিসংখ্যান" ট্যাব পাবেন। যে সব gooey ধার্মিকতা দেখুন!

এখন আপনি সমস্ত নির্বাচকদের দেখতে পাচ্ছেন যেগুলি প্রক্রিয়া করা হয়েছিল এবং তারা কত সময় নিয়েছে, কতবার তারা মিলেছে, ম্যাচিং প্রয়াসের সংখ্যা এবং "দ্রুত প্রত্যাখ্যান গণনা" বলে কিছু অনুসারে সাজানো যেতে পারে। আমি শিখেছি মিল থেকে সরানো সহজ এবং দ্রুত উপাদানের সংখ্যা।

এখানে অনেক অন্তর্দৃষ্টি যদি CSS সত্যিই একটি বাধা যা তদন্তের প্রয়োজন হয়। তবে মাইক্রোসফ্ট এজ ব্লগে প্যাট্রিকের সম্পূর্ণ পোস্টটি পড়ুন কারণ তিনি কেন এবং কীভাবে তা আরও গভীরে যান এবং একটি সম্পূর্ণ কেস স্টাডির মাধ্যমে চলে যান।

সরাসরি লিঙ্ক →

• এসইও চালিত বিষয়বস্তু এবং পিআর বিতরণ। আজই পরিবর্ধিত পান।
• প্লেটোব্লকচেন। Web3 মেটাভার্স ইন্টেলিজেন্স। জ্ঞান প্রসারিত. এখানে প্রবেশ করুন.
• উত্স: https://css-tricks.com/the-truth-about-css-selector-performance/