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