أداء الواجهة مع JSON كبير: بيانات 100MB

أين يضيع الوقت

JSON.parse متزامن ومكلف على المعالج، والنتيجة تستهلك heap كبيرًا.

غالبًا عرض ملايين العناصر أسوأ من التحليل نفسه، لذا يلزم افتراضية الواجهة.

أرسل النص أو buffer إلى Worker وحلّل بعيدًا عن الخيط الرئيسي.

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

للمصفوفات: اعرض الصفوف المرئية فقط عبر مكتبات virtualization.

للأشجار: حمّل الأبناء عند التوسيع بشكل كسول.

JSON Lines مناسب للتدفق، أما المصفوفات الضخمة فتحتاج غالبًا pagination أو NDJSON.

يمكن لـ ReadableStream معالجة المحتوى تدريجيًا أثناء التحميل.

الأفضل دائمًا ترشيح وتقسيم وضغط البيانات من الخادم.

إن كان العميل فقط: Worker + افتراضية + مؤشر تقدم + مراقبة ذاكرة في DevTools.