# raw-view モジュールルックアップのキャッシュによる FCP/LCP の最適化

**URL:** <https://meta.discourse.org/t/optimizing-fcp-lcp-by-caching-raw-view-module-lookups/213759>\
**Category:** Development\
**Created:** [2022 年 1 月 3 日午後 9:41 UTC](https://meta.discourse.org/t/optimizing-fcp-lcp-by-caching-raw-view-module-lookups/213759 "2022-01-03T21:41:03Z")\
**Posts on this page:** 1\
**Showing post:** 8

<div class="post-metadata">

**Author:** ![david](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/david/32/157490_2.png) [@david](https://meta.discourse.org/u/david)\
**Post date:** [2022 年 1 月 5 日午前 1:01 UTC](https://meta.discourse.org/t/optimizing-fcp-lcp-by-caching-raw-view-module-lookups/213759/8 "2022-01-05T01:01:23Z")

</div>

> [@rrit](#):
>
> Emberの「本番」ビルドでは、「latest」ウェブページでの`renderTopicListItem`の呼び出し時間が348ミリ秒から201ミリ秒に短縮されます。

残念ながら、この大幅な速度向上を再現できませんでした。FirefoxとChrome（macOS）では、測定可能な改善は見られません。Chromeでは`renderTopicListItem`に約23ミリ秒かかります。Firefoxでは30ミリ秒です。古いAndroidデバイス（Pixel 3）では、約108ミリ秒かかります。変更前と変更後で数値に変化は見られません。

ちなみに、これらの数値は[performance API](https://developer.mozilla.org/en-US/docs/Web/API/Performance)を使用して測定しました。`renderTopicListItem`の開始時に`performance.mark("rtli-start")`を追加し、終了時に`performance.measure("rtli", "rtli-start")`を追加しました。

その後、ブラウザを再読み込みします（ **開発者ツールを閉じ、ブラウザプラグインを無効にした状態** で。開発者ツールやブラウザプラグインはレンダリングパフォーマンスに大きく影響する可能性があります）。読み込みが完了したら、開発者ツールを開き、次のコードを実行して測定値を合計します。

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

```

* * *

この変更は明らかに優れた実装なので、必ずマージします。しかし、レンダリングパフォーマンスで目に見える違いが出るかどうかはわかりません 🤔

---

_[View the full topic](https://meta.discourse.org/t/optimizing-fcp-lcp-by-caching-raw-view-module-lookups/213759)._