یکی از قابلیت‌های کمتر شناخته‌شده‌ی CSS
قابلیت content-visibility هست
.card {
content-visibility: auto;
}با این ویژگی، مرورگر می‌تونه محتوای بخش‌هایی از صفحه که فعلاً خارج از محدوده‌ی دید کاربر هستن رو تا زمان نیاز رندر نکنه
📌 نتیجه؟
در صفحات طولانی و لیست‌های بزرگ، مقدار کاری که مرورگر برای Rendering انجام می‌ده می‌تونه کمتر بشه
گاهی برای بهبود Performance لازم نیست سراغ JavaScript یا یک کتابخونه جدید بریم
خود CSS هم ابزارهای جالبی برای کمک به مرورگر داره
#Frontend #CSS #Performance #CodeTrail