残念ながら、この大幅な速度向上を再現できませんでした。FirefoxとChrome(macOS)では、測定可能な改善は見られません。ChromeではrenderTopicListItemに約23ミリ秒かかります。Firefoxでは30ミリ秒です。古いAndroidデバイス(Pixel 3)では、約108ミリ秒かかります。変更前と変更後で数値に変化は見られません。
ちなみに、これらの数値はperformance APIを使用して測定しました。renderTopicListItemの開始時にperformance.mark("rtli-start")を追加し、終了時にperformance.measure("rtli", "rtli-start")を追加しました。
その後、ブラウザを再読み込みします(開発者ツールを閉じ、ブラウザプラグインを無効にした状態で。開発者ツールやブラウザプラグインはレンダリングパフォーマンスに大きく影響する可能性があります)。読み込みが完了したら、開発者ツールを開き、次のコードを実行して測定値を合計します。
performance.getEntriesByName("rtli").reduce((v, m) => v + m.duration, 0);
この変更は明らかに優れた実装なので、必ずマージします。しかし、レンダリングパフォーマンスで目に見える違いが出るかどうかはわかりません ![]()