Otimizando FCP/LCP com cache de consultas de módulos raw-view

Infelizmente, não consegui replicar esse grande aumento de velocidade. No Firefox e Chrome (macOS), não estou vendo nenhuma melhoria mensurável. O Chrome gasta cerca de 23ms em renderTopicListItem. O Firefox 30ms. Em um dispositivo Android mais antigo (Pixel 3), estou vendo cerca de 108ms. Os números não parecem mudar antes/depois da alteração.

A propósito, medi esses números usando a API de performance. Adicionei performance.mark("rtli-start") no início de renderTopicListItem, e então performance.measure("rtli", "rtli-start") no final.

Em seguida, recarreguei o navegador com as ferramentas de desenvolvedor fechadas e plugins do navegador desativados (ferramentas de desenvolvedor e plugins do navegador podem afetar significativamente o desempenho de renderização). Então, após o carregamento ser concluído, abri as ferramentas de desenvolvedor e executei isso para somar as medições:

performance.getEntriesByName("rtli").reduce((v, m) => v + m.duration, 0);

Com certeza vamos mesclar essa alteração - é claramente uma implementação melhor. Mas não tenho certeza se ela nos dará uma diferença visível no desempenho de renderização :thinking: