أفضل 5 خدمات لضغط أكواد CSS

إذا كنت قد حللت موقعك على GTMetrix . com أو أي من أدوات اختبار / تحليل صفحات الويب الأخرى التي عثرت عليها . يمكن لمواقع مجانية عبر الإنترنت تحسين أداء صفحة الويب الخاصة بك عن طريق تقليل وقت تحميل الصفحة. وفقًا لموقع Kissmetrics ، يتخلى زوار موقع الويب بنسبة 40٪ عن موقع ويب يستغرق تحميله أكثر من 3 ثوانٍ ، مما يقلل تأخير العميل لمدة ثانية واحدة (أو 3 ثوانٍ من الانتظار) بنسبة 16٪ تقريبًا.
خلاصة القول ، تحتاج إلى تسريع وقت تحميل صفحة الويب الخاصة بك. يقوم تصغير أكواد CSS بذلك ، ولكن أولاً يجب أن تعرف معنى كلمة "تصغير الرمز" او الكود . وفقًا لـ Wiki
"التصغير (أو التقليل ) ، بلغات برمجة الكمبيوتر ، هو عملية إزالة جميع الأحرف غير الضرورية من شفرة المصدر دون تغيير وظائفها.  وتشمل أحرف سطر جديد ، تعليقات ، والتي تستخدم لإضافة القراءة إلى رمز ولكن ليس هناك حاجة لذلك لتنفيذ البرنامج ".

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

--------------------------------------------------------------*/ 

Site Branding ##    

*/ -----------------------------------------------------------------

}site-branding.

;width: 80%     

  {

--------------------------------------------------------------*/ 

Site Navigation ##    

*/ -----------------------------------------------------------------

}site-navigation#

;float: left     

; width: 1%     

;margin-top: 2%     

  {

الآن قم بإزالة التعليقات وفراغات الأسطر والمسافات الإضافية وسوف يظهر الكود أعلاه كما يلي:

{;site-branding {width: 80%;}#site-navigation{float: left;width: 1%;margin-top: 2%.

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

أليك بعض من المواقع التي تقدم خدمة ضغط اكواد css مجاناً.

1. minifier

 minifer يمنحك خيار لحذف جميع التعليقات , وإزالة الفاصلة المنقوطة الأخيرة

2. http://www.freeformatter.com/css-minifier.html

مميزات الموقع:

يزيل المساحات البيضاء عديمة الفائدة وأحرف المسافة البادئة وفواصل الأسطر
ترتيب جميع التعليقات
يزيل آخر علامة (فاصلة منقوطة )
يزيل المساحات والتاب الفارغة
يزيل الوحدات عند استخدام قيم الصفر مثلا (0px) سيصبح (0)
يغير قيم ألوان RGB إلى تنسيق سداسي عشري أقصر
يتم تقليل الألوان السداسية العشرية التي تتبع النموذج #AABBCC إلى #ABC
يمكنك نسخ ولصق اكواد CSS الخاص بك أو كتابة عنوان URL للملف وتقليص حجم الاكواد.

3. cleancss.com/css-minify

ببساطة ستقوم بوضع كود css خاص بك مهما كان حجمه في المربع الكبير ومن الثم الضغط على زر CSS Minify

4. minifier.org

 يمكنك تصغير كل من CSS و JavaScript كما يعرض البايتات التي قمت بحفظها عن طريق تصغير كودك.

ويعرض عليك كم كان حجم الملف مسبقاً قبل الضغط وبعد الضغط

5. webtools.joomboost.com

تحتوي Webtools على أربعة مستويات ضغط لتصغير CSS :

الأعلى (بدون قابلية القراءة ، أصغر حجم)
عالية (سهولة القراءة متوسطة ، بحجم أصغر)
قياسي (التوازن بين سهولة القراءة والحجم)
منخفضة (قابلية أعلى للقراءة)