بدون رفع, 100% محلي، بدون حساب

ضغط / تجميل الكود

اضغط أو جمّل الكود. كل شيء يبقى في متصفحك.

كيف تعمل ضغط / تجميل الكود

أداة التصغير والتجميل تضغط HTML وCSS وJavaScript بإزالة التعليقات والمسافات البيضاء غير الضرورية والأحرف الزائدة، أو تُوسّع الكود المصغَّر مرةً أخرى في صيغة مُبادَرة قابلة للقراءة. تجري جميع المعالجات في المتصفح باستخدام محللات مُجمَّعة؛ لا شيء تلصقه يُرسَل إلى أي مكان. لا شيء تكتبه هنا يغادر جهازك.

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

كيفية استخدام ضغط / تجميل الكود خطوة بخطوة

  1. الصق كود HTML أو CSS أو JavaScript في منطقة الإدخال.
  2. حدد نوع اللغة من القائمة المنسدلة HTML أو CSS أو JavaScript.
  3. انقر على «تصغير» لإنتاج النسخة المضغوطة، أو «تجميل» لتوسيع الكود وإضافة مسافات بادئة.
  4. انسخ النتيجة من منطقة الإخراج باستخدام زر النسخ.
  5. الصق كودًا مختلفًا وكرّر العملية حسب الحاجة.

حالات الاستخدام الشائعة

  • مطور واجهة أمامية يريد تصغير مقتطف CSS حرج لتضمينه في رأس HTML لأداء ما فوق الطية.
  • مطور يستقبل سكريبت خارجيًا مصغَّرًا ويحتاج إلى تجميله لفهم منطقه أثناء مراجعة أمنية.
  • كاتب تقني يحتاج إلى نسخة مُجمَّلة من وسم سكريبت JSON-LD مصغَّر لإدراجه في التوثيق.
  • مطور ويب يتحقق من توفير البايتات من تصغير ملف CSS قبل تقرير إضافة خطوة بناء.

الأسئلة الشائعة

هل يُرسَل الكود الذي ألصقه إلى أي خادم للتصغير؟

لا. يعمل التصغير والتجميل بشيفرة الصفحة الخاصة، مكتوبة خصيصاً لهذه الأداة وليست مأخوذة من مُصغِّر خارجي. تبقى جميع المعالجات في تبويب المتصفح. لا شيء تلصقه هنا يُرسَل إلى Sunasty أو أي طرف ثالث.

هل يحافظ تصغير JavaScript على السلوك الأصلي للكود؟

يحافظ المصغِّر الجيد على السلوك بحذف المسافات البيضاء فحسب وتقصير أسماء المتغيرات ضمن نطاق محكوم وحذف التعليقات. تستهدف هذه الأداة التحويلات الآمنة. التحسينات المتطرفة مثل حذف الكود الميت أو التضمين لا تُطبَّق عمومًا لأنها تتطلب تحليل البرنامج الكامل.

هل يمكنني التصغير ثم التجميل للتحقق من النتيجة؟

نعم. صغِّر الكود أولًا ثم الصق الإخراج المصغَّر في الإدخال وانقر على تجميل. ستبدو النسخة المُجمَّلة مختلفةً عن المصدر الأصلي إذ قد تُقصَّر أسماء المتغيرات وتُحذف التعليقات لكنها ستكون مكافئةً هيكليًا.

هل يزيل تصغير HTML جميع التعليقات؟

تحذف الأداة تعليقات HTML القياسية، أي ما بين <!-- و-->، أثناء التصغير. أما التعليقات الشرطية المستخدمة في إصدارات IE القديمة بصيغة <!--[if IE]...--> فتبقى دائماً، لذا لا يمكن لحذف التعليقات أن يكسر سلوكاً قديماً يعتمد عليها.

هل ثمة حد لحجم الكود الذي يمكنني تصغيره؟

الحد هو الذاكرة المتاحة في تبويب متصفحك. يُعالَج الكود الذي يصل إلى بضع مئات من الكيلوبايتات بسرعة. لحزم JavaScript الكبيرة بالميغابايتات، تكون أداة بناء مخصصة مثل esbuild أو Terser أو Lightning CSS أسرع وأكثر ملاءمةً للاستخدام الإنتاجي.