Sfortunatamente non sono riuscito a replicare questo grande aumento di velocità. Su Firefox e Chrome (macOS) non vedo alcun miglioramento misurabile. Chrome impiega circa 23 ms in renderTopicListItem. Firefox 30 ms. Su un vecchio dispositivo Android (Pixel 3), vedo circa 108 ms. I numeri non sembrano cambiare prima/dopo la modifica.
A proposito, ho misurato questi numeri utilizzando l’API performance. Ho aggiunto performance.mark("rtli-start") all’inizio di renderTopicListItem, e poi performance.measure("rtli", "rtli-start") alla fine.
Quindi ricarico il browser con gli strumenti di sviluppo chiusi e i plugin del browser disabilitati (gli strumenti di sviluppo e i plugin del browser possono influire in modo significativo sulle prestazioni di rendering). Poi, dopo che il caricamento è completo, apro gli strumenti di sviluppo ed eseguo questo per sommare le misurazioni:
performance.getEntriesByName("rtli").reduce((v, m) => v + m.duration, 0);
Certamente uniremo questa modifica: è chiaramente un’implementazione migliore. Ma non sono sicuro che ci darà una differenza visibile nelle prestazioni di rendering 