محسن CSS
خيارات:
لا تقم بإزالة فواصل الأسطر (نعم أو لا)
CSS يمكنه التعامل مع عناوين URL أو الملفات أو النص الملصق وما إلى ذلك.
مشاركة اليانصيب
الخيارات الاختيارية: لا شيء
تنظيف CSS
الخيارات الاختيارية (يمكنك اختيار نعم أو لا لكل منها):
إعادة ترتيب المحددات
إعادة ترتيب السمات
تحسين المحددات وخصائصها (0 أو 1 أو 2)
دمج السمات المختصرة
تحسين الأمن فقط
ضغط اللون
ضغط الخط الوزن
محدد الحروف الصغيرة
الخط المنسوب (أحرف صغيرة أو كبيرة)
قم بإزالة الخطوط المائلة العكسية غير الضرورية
تحويل! الإختراق المهم
قم بإزالة الفاصلة المنقوطة الأخيرة”;”
حفظ الملاحظات
إزالة الخصائص غير الصالحة (CSS2.1 أو CSS2.0 أو CSS1.0)
الإدخال كملف
بينجيتس
الخيارات الاختيارية (يمكنك اختيار نعم أو لا لكل منها):
تحويل اسم اللون الطويل إلى الست عشري
تحويل الكود السداسي العشري الطويل إلى كود سداسي عشري قصير
تحويل الكود الست عشري الطويل إلى اسم اللون
تحويل RGB إلى الست عشري
قم بإزالة 0 مقاييس
دمج نفس القاعدة
الجمع بين نفس المحدد
دمج الخصائص
إزالة السمات المكررة
إزالة القيم غير المفيدة من الهامش والحشوة
عرض الإحصائيات
الإخراج بتنسيق الألوان
استخدم الحد الأدنى لحجم الإخراج
PHP من الداخل
الخيارات الاختيارية: لا شيء
سبعة وأربعون
خيارات:
خيارات الاقتطاع: 500، 1000، 1500 أو 2000
تعتمد هذه الأداة على ضاغط YUI، ولكنها ستقوم تلقائيًا بإزالة اختراقات IE . والتفسير الذي قدمه المطور هو أن اختراقات IE يجب أن تظهر في ملف واحد، بدلاً من خلطها في ملف CSS الرئيسي، الأمر الذي سيصبح من الصعب صيانته.
عمود الصفحة
اختياري: لا شيء
أدوات ضغط CSS لسطح المكتب الموصى بها
ضاغط YUI وضاغط السل
YUI Compressor هي أداة لضغط التعليمات البرمجية للواجهة الأمامية تم تطويرها بواسطة فريق الواجهة الأمامية لـ Yahoo وهي قوية جدًا. يلزم توفر بيئة تشغيل Java. يمكنك استخدام أمر java لضغط ملفات CSS وJS يدويًا، أو يمكنك استخدام ant لضغطها على دفعات أثناء التجميع .
يستخدم Yu Bo من فريق الواجهة الأمامية لـ Taobao أداة ضغط نظام التشغيل Windows التي تم حزمها بواسطة ضاغط YUI، وهي سهلة التثبيت والإزالة. تمامًا مثل ضاغط YUI القوي، لا يستطيع TBCompressor ضغط CSS فحسب، بل يمكنه أيضًا ضغط JS.
قم بتنزيله هنا. تعرف على المزيد حول TBCompressor – أداة ضغط JS وCSS
بالإضافة إلى ذلك، يوصى بقراءة "تحسين عملية ضغط ملفات CSS بواسطة TBCompressor" بقلم Qu Chao.
أدوات تحسين موارد الويب 2.0
يمكن لأداة سطح المكتب التي طورها الصينيون باستخدام Delphi 7 أيضًا ضغط CSS وJS. أوصي به. ومن الجدير بالذكر أيضًا أن المؤلف أصدر الكود المصدري للمشروع.
دمجCSS
أداة تعتمد على AIR من إنتاج CSS Forest Webmaster Gui Ge، والتي تحتوي على العديد من الوظائف المفيدة، مثل دمج ملفات متعددة، ودمج @import الملفات المستوردة، وما إلى ذلك. عرض مقدمة مفصلة.
تجدر الإشارة إلى أن دعم الأداة للاختصارات ودمج السمات ليس جيدًا جدًا، وقد يكون من الأفضل إضافة هذه الدعمات.
شيء آخر مهم جدًا هو أنه حتى الآن، لم يصدر Gui Ge هذه الأداة . إذا كنت تريد تجربتها، فيمكنك الاتصال به.
سرعة الصفحة
سرعة الصفحة هي في الواقع مكون إضافي لمتصفح فايرفوكس يعتمد على Firebug الذي طورته Google، ويتم استخدامه بشكل أساسي لتحليل أداء الواجهة الأمامية لموقع الويب. لكن في خيار Minify CSS في قائمة نتائج تحليل سرعة الصفحة، انقر فوقه لرؤية نسبة الضغط لـ CSS الخاص بك ، وسيتم توفير نسخة مضغوطة لاحقًا، والتي يمكنك النقر عليها لعرضها. العيب الوحيد هو أنه لا يمكن تخصيص الضغط.
بغض النظر عن مدى قبح موقع الويب، فإن GZIP هي أداة مفيدة حقًا لضغط العديد من أنواع التعليمات البرمجية. قد لا تكون أبسط طريقة للضغط، وقد تكون مربكة بعض الشيء للمبتدئين. راجع هذا البرنامج التعليمي للحصول على مزيد من المعلومات حول استخدام GZIP لضغط أنماطك.
تلخيص
وكما قلت سابقًا، قد تبدو بعض هذه الأساليب مفرطة أو لا معنى لها. والمفتاح هو أن ننظر إلى الصورة الكبيرة. على الرغم من أن أيًا من هذه التقنيات قد يكون لها تأثير ضئيل تقريبًا، إلا أن الجمع بين العديد من هذه التقنيات أو جميعها يمكن أن يكون له تأثير كبير على حجم ملفات CSS الخاصة بك.