• Docs
  • Advanced Usage
  • Profiler

GraphQL Code Generator Profiler

GraphQL Code Generator CLI provides a flag that enables the profiler mode, as follows:

yarn graphql-code-generator --config graphql-codegen.ts --profile

GraphQL Code Generator operates as usual (generating your files) but also generates a codegen-[timestamp].json profile file.

This profile file can be loaded into the Chrome Dev Tools as follows:

  1. Open a new Chrome tab (or other browsers) and open the Chrome Dev Tools

  2. Click on the "Performance" tab

  3. Load the codegen-[timestamp].json file as follows:

Profiler

  1. You then have access to the graph view:

Profiler

The graph view shows the time spent on the main tasks of the codegen.

Inspecting it allows you to identify:

  • if your configuration could benefit from excluding some documents from loading
  • if you are facing a bug that should be reported
Last updated on September 29, 2022