حاسبة ميزانية تحميل الصفحة
اجمع أوزان ملفات HTML وCSS وJavaScript والصور والخطوط، وتحقّق مما إذا كانت الصفحة تبقى ضمن ميزانية أداء معقولة.
أحجام الأصول
حالة الميزانية
الوزن الإجمالي للصفحة
ميزانيات الأداء تُبقي الصفحات سريعة
ميزانية الأداء حدٌّ لما يمكن أن يزنه كل نوع من الأصول. ووضع ميزانيات لكل فئة، مثل 300 KB من JavaScript و800 KB من الصور و1.5 MB إجمالًا، يعني أن كل من يضيف وزنًا إلى الصفحة عليه أن يوازن بين الخيارات بدلًا من ترك الوزن يتزايد بصمت.
أدخل حجم كل نوع من الأصول، وستجمعها الحاسبة وتقارن كلًّا منها بميزانيته وتُظهر مصدر الوزن. تُعلَّم الفئة بأنها "تقترب من الحد" إذا تجاوزت ميزانيتها بنسبة تصل إلى 50%، و"تتجاوز الميزانية" إذا زادت على ذلك.
أين تجد أرقامك
- افتح صفحتك في Chrome، واضغط F12، وأعد التحميل وعلامة التبويب Network مفتوحة.
- صفِّ حسب النوع (Doc وCSS وJS وImg وFont) واقرأ الحجم المنقول في الأسفل.
- اختبر على ملف تعريف للهاتف المحمول، فهناك تكون أضرار الصفحات الثقيلة أكبر.
لماذا تحصل JavaScript على أضيق ميزانية
الكيلوبايت من JavaScript أعلى تكلفة من الكيلوبايت من الصور. فعلى المتصفح أن ينزّلها ويحلّلها وينفّذها، وهذا العمل يحجب الخيط الرئيسي ويؤخّر التفاعل. أما الصور فتكلفتها في الغالب وقت التنزيل. لهذا تكون ميزانية JavaScript الأصغر بين الثلاث.
الأسئلة الشائعة
هل هذه الميزانيات واقعية؟
نعم لمعظم صفحات التسويق والتجارة الإلكترونية، التي يمكن أن تبقى في حدود 1.5 MB إجمالًا. أما لوحات المعلومات الشبيهة بالتطبيقات فغالبًا ما تكون أثقل، بين 2 و3 MB، فعدّل توقعاتك لها.
هل أستخدم الأحجام المضغوطة أم غير المضغوطة؟
استخدم الحجم المنقول (المضغوط) من علامة التبويب Network، فهذا ما ينزّله الزوار فعليًا.
هل البقاء ضمن الميزانية يضمن نتائج جيدة في Core Web Vitals؟
لا. الميزانيات تقلّل المخاطر، لكن الموارد التي تحجب العرض والخوادم البطيئة وتحوّلات التخطيط مهمة أيضًا. تعامل مع الميزانية كضابط واحد إلى جانب البيانات الميدانية الحقيقية.