استوديوهات المطورين والأكوادمعالجة محلية · بدون تسجيل

صغّر أكوادك وقِس حجمها الحقيقي

استوديو تصغير الأكواد يستخدم محلل Terser لتصغير JavaScript مع الحفاظ على الدلالات، ويوفر تصغيرًا آمنًا لـCSS وHTML وSQL. كما يعرض ميزانية الأداء: حجم الملف الخام، وحجمه بعد GZIP وDEFLATE، حتى تعرف ما سيصل فعليًا إلى المستخدم.

مناسب لـ
مهمة تنفيذية: تقليل حجم أصول موقع أو فحص ميزانية الأداء.
عبارة البحث الرئيسية
تصغير JavaScript

إجابة مختصرة

صغّر JavaScript وCSS وHTML وSQL، وقِس أثر GZIP على الحجم.

مساحة العمل التفاعلية

مساحة العمل أدناه هي الأداة الحقيقية. لا تزال بعض تسميات الضوابط المتخصصة جدًا قيد الترجمة؛ أما المعرفات التقنية والصيغ والأكواد فتبقى دائمًا بصيغتها القياسية.

انتقل للأسفل إلى الدليل العربي الكامل وخطوات الاستخدام والأسئلة الشائعة.

ما هو استوديو تصغير الأكواد؟

استوديو تصغير الأكواد يستخدم محلل Terser لتصغير JavaScript مع الحفاظ على الدلالات، ويوفر تصغيرًا آمنًا لـCSS وHTML وSQL. كما يعرض ميزانية الأداء: حجم الملف الخام، وحجمه بعد GZIP وDEFLATE، حتى تعرف ما سيصل فعليًا إلى المستخدم.

يضم هذا الاستوديو 2 مساحات عمل تغطي المهام المتقاربة، ويمكنك التنقل بينها دون مغادرة الصفحة أو إعادة رفع مدخلاتك في كل مرة.

مساحات العمل في هذا الاستوديو

  1. 1

    تصغير JS وCSS وHTML وSQL

    تصغير JavaScript عبر Terser وتصغير آمن لـCSS وHTML وSQL مع عرض الناتج.

  2. 2

    ميزانية أداء Terser وGZIP وDEFLATE

    مقارنة الحجم الأصلي والمصغّر وحجم GZIP وDEFLATE لتقدير أثر التحميل.

كيف تستخدم استوديو تصغير الأكواد

  1. 1

    اختر مساحة العمل المناسبة

    افتح استوديو تصغير الأكواد واختر من 2 مساحات عمل الوضع الذي يطابق مهمتك: تصغير JS وCSS وHTML وSQL أو ميزانية أداء Terser وGZIP وDEFLATE.

  2. 2

    أضف كود JavaScript أو CSS أو HTML أو SQL

    أدخل كود JavaScript أو CSS أو HTML أو SQL مباشرة في الصفحة، ثم اختيار نوع الكود وخيارات التصغير. لا حاجة لإنشاء حساب أو رفع الملفات إلى خادم.

  3. 3

    راجع النتيجة وصدّرها

    راجع كود مصغّر وتقرير بالأحجام في المعاينة، ثم انسخه أو نزّله. إذا لم تكن النتيجة كما توقعت، عدّل الإعدادات وأعد المحاولة.

الإمكانات والمزايا

  • تصغير قائم على محلل نحوي وليس استبدالًا نصيًا بسيطًا.
  • عرض حجم GZIP الحقيقي بدل الاعتماد على حجم الملف الخام فقط.
  • نسخ الناتج مباشرة إلى ملفات المشروع.
  • لا يتم إرسال الكود المصدري إلى أي خادم.

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

  • تقليل حجم سكربت صغير قبل تضمينه في قالب بريد إلكتروني.
  • مقارنة أثر خيار تصغير المتغيرات على حجم الحزمة.
  • التحقق من حجم ملف CSS بعد gzip قبل نشره.

القيود والتوافق

التصغير لا يصلح الأكواد غير الصالحة نحويًا، وبعض التحولات العدوانية قد تغيّر السلوك في حالات نادرة؛ اختبر الناتج قبل نشره في الإنتاج.

تعتمد النتائج على دعم متصفحك لواجهات الويب مثل Canvas وWeb Audio وWeb Crypto وWebAssembly. قد تكون الملفات الكبيرة جدًا بطيئة أو تتجاوز حدود ذاكرة المتصفح. ولا يمكن لأي أداة في هذا الموقع ضمان نسبة ضغط محددة، أو استعادة الملفات التالفة، أو دعم كل تفريعات صيغة ملف معيّنة.

تسميات الضوابط الظاهرة هنا هي واجهة المنتج الأصلية. نُبقي الأسماء التقنية (JSON وPDF وSVG وWebP وJWT…) بصيغتها المعيارية عن قصد.

أسئلة حول استوديو تصغير الأكواد

هل التصغير يكسر الكود الذي يعتمد على أسماء المتغيرات؟

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

لماذا يختلف حجم GZIP عن حجم الملف المصغّر؟

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

هل تُرفع ملفاتي أو نصوصي إلى خادم عند استخدام استوديو تصغير الأكواد؟

لا. يعمل استوديو تصغير الأكواد داخل ذاكرة متصفحك؛ تُقرأ المدخلات محليًا وتظهر النتائج في الصفحة نفسها دون إرسالها إلى خادم معالجة.

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

نعم على المتصفحات الحديثة، لكن بعض مساحات العمل تحتاج شاشة أكبر لعرض الجداول أو المعاينات براحة. التصغير لا يصلح الأكواد غير الصالحة نحويًا، وبعض التحولات العدوانية قد تغيّر السلوك في حالات نادرة؛ اختبر الناتج قبل نشره في الإنتاج.

أدلة ذات صلة