كلما قلّ حجم ملفات CSS وJavaScript في موقعك، تحمّلت الصفحة أسرع. وضغط الكود هو أبسط خطوة تقوم بها لتحسين السرعة دون أن تغيّر شيئًا في تصميم موقعك أو طريقة عمله.
في هذه الصفحة أداة تضغط الكود مباشرة داخل متصفحك. ألصق الكود، اختر نوعه، ثم اضغط “ضغط الكود”، وستعرف فورًا كم وفّرت من الحجم.
[misaha_minifier]
كيف تستخدم الأداة؟
- اختر نوع الكود: CSS أو JavaScript.
- الصق الكود في خانة «الكود الأصلي»، أو اضغط «جرّب مثالًا» لترى كيف تعمل.
- اضغط «ضغط الكود» (أو Ctrl + Enter).
- انسخ النتيجة، أو حمّلها كملف جاهز باسم
style.min.cssأوscript.min.js.
نصيحة
ماذا يفعل الضغط بالضبط؟
- في CSS: يحذف التعليقات والمسافات والأسطر الفارغة، ويختصر ما يمكن اختصاره دون أن يغيّر معنى الكود.
- في JavaScript: يحذف التعليقات والمسافات، ويختصر أسماء المتغيرات الداخلية، ويبسّط بعض العبارات. وتتولى ذلك مكتبة Terser المعروفة.
وتختلف نسبة التوفير من ملف لآخر. فالملف الكثير التعليقات والمسافات يتقلص أكثر من ملف مكتوب أصلًا بشكل مضغوط.
هل كودي في أمان؟
نعم. يتم الضغط بالكامل داخل متصفحك، ولا يُرسل الكود إلى سيرفر الموقع ولا يُحفظ في أي مكان. وفي JavaScript تُحمَّل مكتبة الضغط من الإنترنت عند أول استخدام فقط، أما الكود نفسه فلا يغادر جهازك.
أسئلة شائعة
هل الضغط يكسر الموقع؟
في الغالب لا. لكن جرّب الملف المضغوط على نسخة تجريبية أو بعد أخذ نسخة احتياطية، ثم افتح موقعك وتأكد أن التصميم والوظائف كما هي.
ما الفرق بين الضغط (Minify) والضغط بـ Gzip؟
الأول يغيّر الملف نفسه بحذف ما لا يحتاجه المتصفح. والثاني يضغط الملف أثناء نقله من السيرفر إلى الزائر. والأفضل استخدام الاثنين معًا، فكل منهما يكمّل الآخر.
هل أضغط ملفات الإضافات الجاهزة؟
لا حاجة، فأغلب ملفات الإضافات الجاهزة تأتي مضغوطة أصلًا. والأداة مناسبة لملفات قالبك أو أكوادك الخاصة.
ما الحد الأقصى لحجم الكود؟
500 ألف حرف في المرة الواحدة، وهو يكفي لأغلب الملفات.
الخطوة التالية
الضغط جزء واحد من تحسين السرعة. إن أردت دليلًا كاملًا لقراءة تقرير PageSpeed Insights وحل مشاكله خطوة بخطوة، فاقرأ مقال: [كيف تحل مشاكل الأداء في موقعك باستخدام PageSpeed Insights] .