في كثير من الأحيان عندما تنتهي من تصميم موقع ما، تجد أن ملف الـCSS فيه كثير من الـrules يعني عشرات وربما مئات الكلاسات غير المستخدمة داخل التصميم، أو مستخدمة في صفحات أخرى.
هل يوجد موقع تستطيع أن تعطيه رابط موقع يقوم بتحليل ما هي الكلاسات الغير مستخدمة ويقوم بحذفها تلقائيًا ويعطيك ملف جديد (مخفف) فيه الكلاسات فقط المستخدمة.
أنا أعرف فقط كيفية إستخراج الكلاسات الغير مستخدمة بإستخدام Chrome Dev Tools، لكن لا أعرف طريقة لحذف بشكل سريع
وشكراً.
هناك مكتبة uncss مفتوحة المصدر
تقوم بهذه المهمة.
يمكنك أيضاً تجربتها هنا
في حال كنت مبرمج يمكن تطوير تطبيق مخصص لتخفيف الملفات بما يتناسب مع السكربت و احتياجك
البرامج التي تقوم بهذا لا تنتشر ( ربما ) لانها قد تسبب مشاكل اثناء استخدامها في بعض التطبيقات و طلبها ليس كبير
مع تحياتي
الموضوع معقد علي، لذلك لا أعلم اذا كنت سأستطيع تنفيذه، سيحتاج وقتًا من التخطيط والبرمجة، لذلك سألت عن الأمر.
و طلبها ليس كبير
شيء غريب، ألا يوجد ملايين المطورين والمصممين حول العالم، هل لم يفكر أحد في فكرة هكذا من قبل؟
هل لم يفكر أحد في فكرة هكذا من قبل؟
الامر نسبي
على كل حال اذا وجدت وقت فراغ ربما اقوم بتنفيذ البرنامج و نشره
في حال قمت بذلك اضع تعليق هنا لدعوتك لتجريبه :)
مع تحياتي
هدا امر لايستحق لان كل مطور مواقع لا يطع اكواد غير ضرورية في موقعه .
في نضرك هل سيحتاج متل هده البرامج
هذا وارد جدا
كنت اطور سكربت على مدى سنوات و الآن به ربما المئات من الأسطر غير المستخدمة خصوصا في ملفات ال css و من الصعب ايجادها و حذفها من دون برامج
كمثال آخر
أحيانا العديد يستخدم بعض ميزات البوتستراب و بسبب عدم انتشار مثل هذه الأدوات يضطر كل زوار موقعه لتحميل كامل اطار العمل بدل من بضع أسطر :)
لا اعلم لماذا أن هذا الأمر لا يستحق! فعلى الـFront-end designer أن يعمل جاهدًا بأن تكون واجهة الموقع سريعة وتستجيب بشكل سريع، وأعتقد بأن أكواد الـcss تزيد من حجم الموقع وبذلك عند طلب الصفحات فإن الاستجابة تكون بطيئة.
أحيانا العديد يستخدم بعض ميزات البوتستراب و بسبب عدم انتشار مثل هذه الأدوات يضطر كل زوار موقعه لتحميل كامل اطار العمل بدل من بضع أسطر :)
وهذه مشكلة في حد ذاتها، لذلك أحاول دائمًا أن أستخدم custom Bootstrap وفقط أستخدم نظام الGrid منه.
التعليقات