دليل عملي: ضغط ملفات CSS وJavaScript وHTML بأمان دون إفساد calc() داخل متصفحك خطوة بخطوة
استوديو تصغير الأكواد يستخدم محلل Terser لتصغير JavaScript مع الحفاظ على الدلالات، ويوفر تصغيرًا آمنًا لـCSS وHTML وSQL. كما يعرض ميزانية الأداء: حجم الملف الخام، وحجمه بعد GZIP وDEFLATE، حتى تعرف ما سيصل فعليًا إلى المستخدم. تتم جميع العمليات داخل ذاكرة المتصفح على جهازك عبر واجهات الويب القياسية دون إرسال أي بايت إلى خوادم خارجية.
خطوات التنفيذ في المتصفح
- 1
تصغير JS وCSS وHTML وSQL
تصغير JavaScript عبر Terser وتصغير آمن لـCSS وHTML وSQL مع عرض الناتج.
- 2
ميزانية أداء Terser وGZIP وDEFLATE
مقارنة الحجم الأصلي والمصغّر وحجم GZIP وDEFLATE لتقدير أثر التحميل.
لمن صُمّم سير العمل هذا؟
- تقليل حجم سكربت صغير قبل تضمينه في قالب بريد إلكتروني.
- مقارنة أثر خيار تصغير المتغيرات على حجم الحزمة.
- التحقق من حجم ملف CSS بعد gzip قبل نشره.
أسئلة شائعة
هل التصغير يكسر الكود الذي يعتمد على أسماء المتغيرات؟
قد يحدث ذلك إذا كان الكود يعتمد على eval أو على قراءة أسماء المتغيرات من نص الخطأ. عطّل خيارات تغيير الأسماء عند التعامل مع مثل هذه الحالات واختبر الناتج دائمًا.
لماذا يختلف حجم GZIP عن حجم الملف المصغّر؟
لأن الخادم يضغط الملف عند الإرسال. حجم GZIP هو التقريب الأقرب لما ينقله المتصفح فعليًا عبر الشبكة، ولذلك يعرضه الاستوديو إلى جانب الحجم الخام.
هل تُرفع ملفاتي أو نصوصي إلى خادم خارجي أثناء المعالجة؟
لا. تُعالج جميع المدخلات محليًا داخل تبويب المتصفح على جهازك، ولا تُحفظ أو تُنقل عبر الشبكة.