كيفية البحث عن أنماط CSS غير المستخدمة في ورقة الأنماط الخاصة بك

المغلق

على الرغم من أن أوراق الأنماط الخاصة بك مخزنة مؤقتًا ، إلا أنه في المرة الأولى التي يزور فيها شخص ما موقعك ، يمكن أن يؤدي وجود ملف CSS متضخم إلى إبطاء موقعك. هذا ليس رائعًا جدًا لانطباع أول. مع نمو المواقع ، فإنها تميل إلى التوسع باستخدام عناصر واجهة مستخدم وكائنات جديدة يستمر المصممون في ضبطها باستخدام المزيد والمزيد من خيارات ورقة الأنماط. بمرور الوقت ، يمكن أن تتضخم ورقة الأنماط الخاصة بك تمامًا وتكون جزءًا أساسيًا منها لماذا يتم تنزيل موقعك بشكل أبطأ من الآخرين.

لقد رأيت أدوات تحقق CSS أخرى على الويب. لقد استخدمنا تنظيف CSS لتقليل حجم الملف عن طريق تنظيم البيانات الموجودة عليه بشكل أفضل وتصغيرها. عندما تستخدم طرفًا ثالثًا لتحليل موقعك ، عليك أن تكون حذرًا. إذا قاموا بكشط صفحة واحدة وتحليل CSS الخاص بك ، فقد تجعلك الأداة تزيل الكثير من الأنماط المستخدمة في الصفحات الأخرى.

ليس الحال مع CSS غير مستخدمة - أداة أندرو بالدوك من Mindjet ، أ رسم خرائط العقل التطبيق ، أظهر لي أمس. تقوم الأداة بالزحف إلى موقعك وتحديد CSS غير المستخدمة. يمكنك أيضًا التحقق من الأنماط التي تريد الاحتفاظ بها بغض النظر عن التحليل. لإيقافها ، يمكنك تنزيل ورقة الأنماط بعد تشغيلها من خلال روتين مصغر.

المغلق غير المستخدمة

أعلاه هي لوحة القيادة حيث CSS غير مستخدمة وجدت أنها يمكن أن تقلل ورقة الأنماط الخاصة بي بنسبة 56٪. سنواصل اختبار الأداة - ما زلت قلقًا بشأن الأشياء التي نسحبها عبر Javascript و Ajax. ومع ذلك ، يبدو أنه مصدر رائع لنا.

2 تعليقات

  1. 1
  2. 2

ما رأيك؟

يستخدم هذا الموقع نظام Akismet لتقليل الرسائل الضارة. تعرف كيف تتم معالجة بيانات تعليقك.