تقدير حجم اعتماديات JavaScript
اختر مكتبات JavaScript التي تنوي استخدامها: تجمع الأداة أحجامها التقريبية المعروفة (المصغّرة والمضغوطة بـ gzip) لتمنحك تقديرًا لمقدار الحجم الذي سيُضاف إلى حزمتك (bundle)، قبل أن تثبّت أي شيء.
كيف يعمل
تربط قاعدة بيانات محلية (مضمَّنة في الصفحة دون أي استدعاء للشبكة) كل مكتبة شائعة بحجمين تقريبيين: الحجم بعد التصغير والحجم بعد الضغط بـ gzip (وهو ما يُنزّله المتصفح فعليًا في بيئة الإنتاج على خادم مضبوط جيدًا). حدّد المكتبات التي تفكر في استخدامها وستُجمع الأحجام تلقائيًا لتحصل على تقدير للحجم الإجمالي المضاف إلى حزمة JavaScript الخاصة بك.
هل هذه الأحجام دقيقة؟
لا، هي تقديرات تقريبية: فالحجم الفعلي يتوقف على الإصدار المثبَّت تحديدًا، وعلى أداة التجميع المستخدمة (Vite وWebpack وesbuild...)، وخاصةً على tree-shaking (فاستيراد الدوال المستخدمة فقط قد يقلل الحجم الفعلي بشكل كبير، لا سيما في مكتبات مثل Lodash). للحصول على رقم دقيق ومحدَّث للإصدار الذي تستخدمه، راجع أداة مثل bundlephobia.com.
لماذا نجمع الأحجام المضغوطة بـ gzip وليس المصغّرة فقط؟
الحجم المصغّر هو حجم ملف JavaScript بعد حذف المسافات وتقصير أسماء المتغيرات، لكن الحجم المضغوط بـ gzip هو الأقرب إلى ما يُنزّله المستخدم فعليًا، إذ يكاد ضغط gzip أو brotli يكون دائمًا مفعّلًا على خوادم الويب الحديثة.
لا تُرسَل أي بيانات إلى خادم: قاعدة الأحجام مضمَّنة في الصفحة ويتم الحساب بالكامل داخل متصفحك.