للأسف، لم أتمكن من تكرار هذه الزيادة الكبيرة في السرعة. على Firefox و Chrome (macOS) لا أرى أي تحسن قابل للقياس. يقضي Chrome حوالي 23 مللي ثانية في renderTopicListItem. Firefox 30 مللي ثانية. على جهاز Android قديم (Pixel 3)، أرى حوالي 108 مللي ثانية. الأرقام لا تتغير قبل/بعد التغيير.
بالمناسبة، قمت بقياس هذه الأرقام باستخدام واجهة برمجة تطبيقات الأداء. أضفت performance.mark("rtli-start") في بداية renderTopicListItem، ثم performance.measure("rtli", "rtli-start") في النهاية.
ثم أقوم بإعادة تحميل المتصفح مع إغلاق أدوات المطور وتعطيل إضافات المتصفح (يمكن لأدوات المطور وإضافات المتصفح أن تؤثر بشكل كبير على أداء العرض). ثم بعد اكتمال التحميل، أفتح أدوات المطور وأقوم بتشغيل هذا لجمع القياسات:
performance.getEntriesByName("rtli").reduce((v, m) => v + m.duration, 0);
سنقوم بالتأكيد بدمج هذا التغيير - إنه بالتأكيد تطبيق أفضل. لكنني لست متأكدًا مما إذا كان سيعطينا فرقًا مرئيًا في أداء العرض 