تصغير حجم ملف CSS

CSS Minifier Online

---

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

إليك مثال أساسي عن كود CSS قبل وبعد التصغير:

CSS أصلي: body {background-color: powderblue;} h1 {color: blue;} p {color: red;} CSS المصغر: body{background-color:powderblue;}h1{color:blue;}p{color:red;} كما ترى ، فإن الإصدار المصغر يزيل المسافات وفواصل الأسطر والأحرف الأخرى غير الضرورية لتقليل حجم الملف.

يمكن أن تساعدك هذه الأدوات عبر الإنترنت في تصغير كود CSS الخاص بك. هناك نوعان من المصغرات:

• المصغرات عبر الإنترنت: تسمح لك مواقع الويب مثل CSS Minifier (https://tools.waytolearnx.com/CSS-minifier) بلصق كود CSS الخاص بك والحصول على نسخة مصغرة.
• برامج تحرير النصوص و IDEs: تقدم بعض برامج تحرير التعليمات البرمجية وبيئات التطوير المتكاملة (IDEs) مكونات إضافية أو امتدادات يمكنها تصغير الكود الخاص بك مباشرةً من داخل المحرر. على سبيل المثال ، يحتوي Visual Studio Code على امتدادات مثل "Minify" التي يمكن أن تكون مفيدة.

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

كيفية تصغير كود CSS على الإنترنت؟

---

1. افتح أداة تصغير CSS وانسخ والصق كود CSS في المحرر ، مع إبراز بناء جملة CSS والمشكلات.
2. إذا كان لديك ملف CSS ، فيمكنك استخدام الزر تحميل ملف لتحميل ملفك. يمكنك أيضًا تحميل كود CSS بعنوان URL. انقر فوق استيراد من زر URL واكتب عنوان.
3. انقر فوق الزر إرسال بمجرد توفر بيانات CSS في المحرر عبر لصق أو ملف أو عنوان.
4. سترى التعليمات البرمجية بتنسيق CSS في محرر الإخراج.

كيف يعمل CSS Minifier؟

---

يستخدم مُصغر CSS عبر الإنترنت كود JavaScript لتحليل كود CSS وتنسيق بيانات CSS.

فقط قم بلصق كود CSS الخاص بك وانقر فوق الزر "إرسال". هذه الأداة لا ترسل كود إلى الخادم للتجميل.