تصغير حجم JavaScript
غالبًا ما تكون أكواد JavaScript هي الجزء الأثقل في صفحة الويب، ويجب تنزيل كل كيلوبايت وتحليله وتنفيذه قبل أن تصبح الصفحة تفاعلية. يمكن أن يؤدي تصغير هذه الأكواد (Minification) إلى تقليل حجمها إلى النصف أو أكثر. تستخدم هذه الأداة Terser، وهو المصغر المعتمد في معظم أدوات البناء الحديثة، لإزالة المسافات البيضاء والتعليقات، وتقصير الأسماء، وتطبيق ضغط آمن للأكواد — مباشرة في متصفحك.
الميزات
- محرك Terser مع دعم حديث لمعايير ES2015+.
- الضغط: إزالة الأكواد غير المستخدمة، وطي الثوابت، واستخدام صيغ برمجية أقصر.
- تقصير الأسماء للمتغيرات المحلية (اختياري).
- تعليقات الترخيص يتم الاحتفاظ بها عند الطلب.
- مقارنة الحجم بالبايت والنسبة المئوية.
- الخصوصية: تتم معالجة الأكواد محليًا.
نسب التوفير المعتادة
| الكود | نسبة التقليل المعتادة |
|---|---|
| كود تطبيق مليء بالتعليقات | 50–70% |
| كود مصدري لمكتبة | 40–60% |
| كود مضغوط مسبقًا | 15–30% |
| كود مصغر مسبقًا | 0–5% |
يؤدي تقديم الملفات المصغرة باستخدام ضغط gzip أو Brotli عادةً إلى تقليل حجم النقل بنسبة 60–75% إضافية.
نصائح
- احتفظ بالكود المصدري الأصلي — يصعب قراءة الأكواد المصغرة وتصحيح أخطائها. استخدم خرائط المصدر (source maps) في عملية البناء لتصحيح أخطاء أكواد الإنتاج.
- اجعل التصغير خطوة أساسية في البناء لبيئة الإنتاج؛ هذه الأداة مثالية للسكربتات الفردية، والمقتطفات البرمجية، وتطبيقات العلامات المرجعية (bookmarklets)، والمشاريع التي لا تستخدم أدوات حزم (bundler).
- اختبر الكود بعد تصغيره، خاصةً الأكواد التي تعتمد على أسماء الدوال أو
eval.
أدوات ذات صلة
قم بتصغير ملفات CSS باستخدام أداة تصغير CSS، أو تنسيق البيانات باستخدام أداة تنسيق JSON، أو ترميز البرامج النصية لتضمينها باستخدام Base64.