---
metadata:
  - name: generator
    content: Diplodoc Platform v5.52.0
alternate:
  - https://yandex.com/dev/games/doc/en/concepts/performance.md
  - https://yandex.com/dev/games/doc/ru/concepts/performance.md
  - https://yandex.com/dev/games/doc/tr/concepts/performance.md
  - https://yandex.com/dev/games/doc/zh/concepts/performance.md
  - href: zh/concepts/performance.md
    type: text/markdown
    title: Markdown version
  - href: ../llms.txt
    type: text/markdown
    title: llms.txt
---
> **Documentation Index:** Fetch the complete configuration index at https://yandex.com/dev/games/doc/zh/llms.txt

# DevTools 中的 Performance

<!-- source: zh/_includes/script-common.md -->
<!-- source: zh/_includes/script/index-js.md -->

<!-- endsource: zh/_includes/script/index-js.md -->

<!-- source: zh/_includes/script/requirements-js.md -->

<!-- endsource: zh/_includes/script/requirements-js.md -->

<!-- source: zh/_includes/script/image-modal-js.md -->

<!-- endsource: zh/_includes/script/image-modal-js.md -->
<!-- endsource: zh/_includes/script-common.md -->

Yandex Games 平台允许您在 DevTools 的 [Performance](https://developer.chrome.com/docs/devtools/performance/overview?hl=zh-cn){.external} 标签页中跟踪 [技术指标](https://yandex.com/dev/games/doc/zh/concepts/metric.md#tech) **Game Ready** 和 **Time To Interactive** (TTI)。您可以查看指标何时触发、它们之前执行了哪些任务，并基于这些信息优化和加速流程。

## 标记如何发送 {#send-marks}

- 当调用 [ysdk.features.LoadingAPI.ready()](https://yandex.com/dev/games/doc/zh/sdk/sdk-game-events.md#gameready) 方法时，**Game Ready** 标记会被触发。
- [Time To Interactive](https://developer.chrome.com/docs/lighthouse/performance/interactive?hl=zh-cn){.external} 标记会在特定条件下自动触发。

## 如何查看标记 {#check-marks}

1. 使用任何方便的方式启动游戏。
2. 打开 DevTools：
    - Windows: **F12**, **Ctrl** + **Shift** + **I**
    - macOS: **Cmd** + **Opt** + **I**
3. 转到 **Performance** 标签页。
4. 在左上角点击 **Record and reload** ![](../_images/performance-devtools/reload.svg) 并等待配置文件构建完成。在 **Timings** 行中将显示带有 [Game Ready](*gr) 和 [Time To Interactive](*tti) 名称的黄色标记。

    {% cut "构建配置文件示例" %}

    ![](../_images/performance-devtools/profile-ready.webp)

    {% endcut %}

[*gr]: ![](../_images/performance-devtools/game-ready-mark.webp)

[*tti]: ![](../_images/performance-devtools/tti-mark.webp)