Desafortunadamente, no he podido replicar este gran aumento de velocidad. En Firefox y Chrome (macOS) no veo ninguna mejora medible. Chrome gasta alrededor de 23 ms en renderTopicListItem. Firefox 30 ms. En un dispositivo Android antiguo (Pixel 3), veo alrededor de 108 ms. Los números no parecen cambiar antes/después del cambio.
Por cierto, medí estos números usando la API de rendimiento. Añadí performance.mark("rtli-start") al principio de renderTopicListItem, y luego performance.measure("rtli", "rtli-start") al final.
Luego recargo el navegador con las herramientas de desarrollador cerradas y los complementos del navegador deshabilitados (las herramientas de desarrollador y los complementos del navegador pueden afectar significativamente el rendimiento de renderizado). Luego, después de que la carga se complete, abro las herramientas de desarrollador y ejecuto esto para sumar las mediciones:
performance.getEntriesByName("rtli").reduce((v, m) => v + m.duration, 0);
Definitivamente fusionaremos este cambio, es claramente una mejor implementación. Pero no estoy seguro de si nos dará una diferencia visible en el rendimiento de renderizado 