Leider konnte ich diese große Geschwindigkeitssteigerung nicht reproduzieren. Unter Firefox und Chrome (macOS) sehe ich keine messbare Verbesserung. Chrome benötigt etwa 23 ms für renderTopicListItem. Firefox 30 ms. Auf einem älteren Android-Gerät (Pixel 3) sehe ich etwa 108 ms. Die Zahlen scheinen sich vor/nach der Änderung nicht zu ändern.
Übrigens habe ich diese Zahlen mit der Performance API gemessen. Ich habe performance.mark("rtli-start") am Anfang von renderTopicListItem und dann performance.measure("rtli", "rtli-start") am Ende hinzugefügt.
Dann lade ich den Browser neu mit geschlossenen Entwicklertools und deaktivierten Browser-Plugins (Entwicklertools und Browser-Plugins können die Rendering-Leistung erheblich beeinträchtigen). Dann, nach Abschluss des Ladens, öffne ich die Entwicklertools und führe dies aus, um die Messungen zusammenzufassen:
performance.getEntriesByName("rtli").reduce((v, m) => v + m.duration, 0);
Wir werden diese Änderung auf jeden Fall zusammenführen – es ist eindeutig eine bessere Implementierung. Aber ich bin mir nicht sicher, ob sie uns einen sichtbaren Unterschied in der Rendering-Leistung bringen wird 