تحليل CSS
تحليل أوراق الأنماط: حجم الملف، التغطية، خصوصية المحددات، والإعلانات المكررة.
المزايا
تغطية CSS بدقة البايت
قياس دقيق لـ CSS المستخدم مقابل غير المستخدم لكل ملف. اعرف بالضبط كم كيلوبايت يحمّلها المتصفح دون فائدة وقلّل وزن الصفحة.
التحكم في الخصوصية
تقرير عن الخصوصية الدنيا والمتوسطة والقصوى للمحددات مع أثقل 10 محددات. يحافظ على تسلسل CSS متوقعًا والأنماط سهلة الصيانة.
كشف التكرارات و!important
اكتشاف تلقائي للإعلانات المتكررة والاستخدام المفرط لـ !important. قلّل حجم CSS دون فقدان الوظائف.
خريطة أنماط كاملة
نظرة عامة على كل ملف متصل — خارجي ومضمّن — مع الأحجام والأنواع ونسب التغطية. استعلامات الوسائط، بادئات المورّدين، الألوان والخطوط في تقرير واحد.
كيف يعمل
الأدوات
التحقق من صحة HTML
تحقق من صحة HTML، وحسّنه، وقم بتدقيقه
التحقق من صحة HTMLإمكانية الوصول
قم بتدقيق إمكانية وصول موقعك
إمكانية الوصولتحليل CSS
دقق استخدام CSS، حجم الملفات، والمحددات غير المستخدمة.
تحليل CSSعناصر التصميم (Design Tokens)
جمع عناصر التصميم من الصفحة
عناصر التصميم (Design Tokens)حمولة RSC
تصحيح مكونات React Server الخاصة بك
حمولة RSC