Testland
Browse all skills & agents

graphql-n-plus-one-remediation

Traces a GraphQL resolver tree to locate the N+1 pattern (one parent query returns N rows, then a child field resolver fires once per row), classifies every child field resolver as safe or N+1 risk, and applies one of three fixes: per-request DataLoader batching, eager projection in the parent resolver, or selection-set-aware prefetch. Use when a list-returning resolver is added or changed in review, when a connection-pool exhaustion or slow-query alert traces back to GraphQL traffic, or when a resolver trace shows a child field resolved once per parent row.

Install with skills.sh (any agent)

npx skills add testland/qa --skill graphql-n-plus-one-remediation

graphql-n-plus-one-remediation

What N+1 looks like in a resolver tree

One field returns a list of N rows. The executor then invokes the resolver for each inner field once per row. Apollo's guide states it directly: "If Query.topReviews returns ten reviews, then the executor resolves Review.product field ten times", and "If the Reviews.product field makes a database or REST query for a single Product, then there are ten unique calls to the data source" (apollographql.com/docs/graphos/schema-design/guides/handling-n-plus-one). So 1 outer query plus N inner queries equals N+1.

// Parent resolver fetches N posts
posts: () => db.posts.findMany({ limit: 50 })

// Inner field-resolver fires once per post (50 DB calls)
Post: {
  author: (post) => db.users.findOne({ where: { id: post.authorId } }),
}

N+1 is not a GraphQL invention. It originates in ORM usage, where lazy-loading a navigation property inside a loop emits one query per parent row. Entity Framework Core's performance guide walks exactly that loop and concludes: "after the initial query loading all the blogs, we then have another query per blog, loading all its posts; this is sometimes called the N+1 problem, and it can cause very significant performance issues" (learn.microsoft.com/en-us/ef/core/performance/efficient-querying). GraphQL makes the pattern easier to hit because the resolver tree, not the caller, decides how many times a child field runs.

Observable symptoms (practitioner heuristics, not standardised thresholds):

  • Tail latency on a list field grows roughly in proportion to the number of rows the list returns.
  • Database connection pool exhaustion under modest GraphQL request rates.
  • A resolver-level trace shows the child field resolved once per parent row rather than once per request.

What this skill owns, and what it does not

Owned: locating the N+1 pattern inside a resolver tree and changing the data-loading strategy so the child field costs one batched call instead of N calls.

Not owned:

  • Query complexity or depth limiting. Those reject an expensive query before execution. They cap what a client may ask for. They do not make a legitimate list query cheap, and a schema with correct batching still needs them for denial-of-service protection.
  • Rate limiting. That caps how many requests a client sends. An N+1 resolver is still N+1 on the first allowed request.
  • Caching strategy. DataLoader's cache is a per-request memoization of .load() calls, not a shared store: "DataLoader caching does not replace Redis, Memcache, or any other shared application-level cache" (github.com/graphql/dataloader). Deciding what to put in Redis is a different job from removing the fan-out.
  • SQL-level fan-out. A resolver that looks batched in JavaScript can still emit per-row SQL underneath. Confirm at the database layer with a query-log or slow-query analysis.

Step 1: Map the parent and child pairs

For every field that returns a list, write down the type it returns and every field resolver defined on that type. That parent/child pair is the only place N+1 can appear: a field resolver on a non-list parent runs once and cannot fan out.

Record the pairs in a table before judging any of them:

Parent fieldReturnsChild field resolvers on the returned type
Query.posts[Post]Post.author, Post.comments
Post.comments[Comment]Comment.author

Nested list fields matter most: Query.posts returning 50 posts, each with Post.comments returning 10 comments, gives 500 invocations of Comment.author.

Step 2: Classify each child field resolver

Classify every child field resolver from the table above. Only the last three rows need a fix.

Resolver patternVerdict
Calls a batching loader (loader.load(id))Safe: batched per tick
Returns a value already on the parent object ((parent) => parent.author) and the parent query eagerly fetched itSafe: no data-source call
Reads from an in-memory structure already on the request contextSafe: no per-call data-source hit
Makes one database call per invocation (db.x.findOne({ ... }))N+1 risk
Makes one HTTP call per invocationN+1 risk, usually worse: each call pays network latency
Reads a related record through an ORM that lazy-loadsN+1 risk, and silent: the ORM hides the extra roundtrip

The second row has a trap. (parent) => parent.author is safe only when the parent query actually loaded author. In Prisma, related records are not returned unless the query asks for them: "Use include to include related records, such as a user's posts or profile, in the query response" (prisma.io/docs/orm/prisma-client/queries/relation-queries). If the parent query has no matching include or select, that passthrough is the silent-lazy-load case, not the safe case.

Do not assume a framework batches for you. Verify batching in that framework's own documentation before marking a resolver safe.

Step 3: Pick one of three fixes

FixUse when
A: DataLoader batchingThe child field is cross-cutting: several parent types resolve it, or it is reached through more than one path in the same query
B: Projection in the parent resolverThe child field is needed on essentially every query of that parent
C: Prefetch with a selection-set-aware includeThe child field is sometimes requested, and projecting it unconditionally costs real work (a wide join, a large column)

Fix A: DataLoader batching

DataLoader "will coalesce all individual loads which occur within a single frame of execution (a single tick of the event loop) and then call your batch function with all requested keys" (github.com/graphql/dataloader). Every .load() the executor issues for the same field across N parents lands in one batch call.

// In context setup, once per incoming request
const userLoader = new DataLoader<string, User | null>(async (ids) => {
  const users = await db.users.findMany({ where: { id: { in: [...ids] } } });
  return ids.map(id => users.find(u => u.id === id) ?? null);
});
context.loaders = { user: userLoader };

// Resolver becomes a load call
Post: {
  author: (post, _, ctx) => ctx.loaders.user.load(post.authorId),
}

Two contracts the batch function must honour, both from the DataLoader README (github.com/graphql/dataloader):

  1. "The Array of values must be the same length as the Array of keys."
  2. "Each index in the Array of values must correspond to the same index in the Array of keys."

A findMany returns rows in database order and drops missing ids, so the re-map line above is mandatory, not decoration. Skipping it silently attributes one parent's data to another parent.

Scope every loader to a single request. DataLoader "provides a memoization cache for all loads which occur in a single request to your application", and the README is explicit about the failure mode: "Avoid multiple requests from different users using the DataLoader instance, which could result in cached data incorrectly appearing in each request. Typically, DataLoader instances are created when a Request begins, and are not used once the Request ends" (github.com/graphql/dataloader). A module-level loader shared across requests is a cache-poisoning defect that leaks one user's rows into another user's response. Treat a loader constructed outside per-request context setup as a finding in its own right, independent of any N+1.

Fix B: Projection in the parent resolver

Ask the parent query for the related rows so the child resolver has nothing left to fetch.

posts: () => db.posts.findMany({
  limit: 50,
  include: { author: true },   // one query, relation eagerly loaded
})

// The child field-resolver is now a passthrough
Post: {
  author: (post) => post.author,
}

This is the eager-loading remedy the EF Core guide recommends against lazy loading: "it is always better to use eager loading, so that EF can fetch all the required data in one roundtrip", with the accompanying warning that "Because lazy loading makes it extremely easy to inadvertently trigger the N+1 problem, it is recommended to avoid it" (learn.microsoft.com/en-us/ef/core/performance/efficient-querying).

Cost to weigh before choosing B: eagerly joining a one-to-many relation duplicates the parent columns across every child row. The same EF Core page names this "the so-called 'cartesian explosion' problem" and notes that "As more one-to-many relationships are loaded, the amount of duplicated data may grow and adversely affect the performance of your application". Prefer B for to-one relations and for to-many relations with small fan-out.

Fix C: Prefetch with a selection-set-aware include

Read the incoming query's selection set in the parent resolver and project conditionally. parseResolveInfo from graphql-parse-resolve-info turns the fourth resolver argument into a tree whose fieldsByTypeName is "an object keyed by GraphQL object type names, where the values are another object keyed by the aliases of the fields requested with values of the same format as the root level" (github.com/graphile/graphile-engine/tree/master/packages/graphql-parse-resolve-info).

import { parseResolveInfo } from 'graphql-parse-resolve-info';

posts: (_, args, ctx, info) => {
  const tree = parseResolveInfo(info);
  const includeAuthor = 'author' in (tree?.fieldsByTypeName?.Post ?? {});
  return db.posts.findMany({
    limit: 50,
    include: { author: includeAuthor },
  });
}

C is B with a condition. It pays a small parsing cost per request to avoid paying the projection cost on queries that never ask for the field.

Step 4: Prove the fix with a call-count assertion

A structural fix is not done until a test pins the call count. Issue the query that triggered the fan-out and assert the number of data-source calls, not the response shape:

test('Post.author resolves in one batched call', async () => {
  const spy = jest.spyOn(db.users, 'findMany');
  await execute(`{ posts { author { name } } }`);   // 50 posts
  expect(spy).toHaveBeenCalledTimes(1);             // not 50
});

Assert on the batched call count. Asserting only that the response is correct passes just as happily with 50 queries as with one.

To confirm at the database layer, turn on the client's query log and count the emitted statements. Prisma exposes this through the client constructor:

const prisma = new PrismaClient({ log: ["query", "info", "warn", "error"] });

Each event carries the statement, its parameters, and its duration (prisma.io/docs/orm/prisma-client/observability-and-logging/logging). Repeated near-identical SELECT statements differing only by a bound id confirm the fan-out. One SELECT ... IN (...) confirms the batch.

Output shape

Report one finding per risky child field resolver, then a summary table.

## N+1 findings: `<resolver_path>`

**Scope:** <file>:<lines>

### Finding 1: `Post.author`

**Pattern:** N+1 via per-row database call.

**Location:** `resolvers/post.ts:42`

**Evidence:**

```typescript
Post: {
  author: (post) => db.users.findOne({ where: { id: post.authorId } }),
}
```

When `Query.posts` returns 50 posts, this resolver fires 50 times, giving
50 `findOne` calls.

**Recommended fix:** A (DataLoader). `author` is also resolved from
`Comment.author` and `Like.author`, so it is cross-cutting.

```typescript
// Per-request context setup:
const userLoader = new DataLoader<string, User | null>(async (ids) => {
  const users = await db.users.findMany({ where: { id: { in: [...ids] } } });
  return ids.map(id => users.find(u => u.id === id) ?? null);
});

// Resolver:
Post: { author: (post, _, ctx) => ctx.loaders.user.load(post.authorId) }
```

**Test:** issue `{ posts { author { name } } }` and assert
`db.users.findMany` was called once, not 50 times.

### Summary

| Field | Severity | Fix | Cross-cutting |
|---|---|---|---|
| `Post.author` | high | A: DataLoader | yes |
| `Post.comments` | medium | B: projection via include | no |
| `User.followers` | high | A: DataLoader plus cursor pagination | yes |

Severity here is a reporting convention, not a standard: rate a finding high when the fan-out is unbounded (a list field with no page-size cap) or crosses a network boundary, medium when the list is capped and the call stays in-process.

Worked example 1: ORM lazy-loading, the silent case

Input resolver:

Post: {
  comments: (post) => post.comments,  // looks like a passthrough
}

This matches the "safe passthrough" row in Step 2 only if the parent query loaded comments. Prisma returns related records only when the query asks via include or select (prisma.io/docs/orm/prisma-client/queries/relation-queries), so check the parent query first. If Query.posts has no include: { comments: true }, this is the lazy-load N+1 case, which the EF Core guide describes as the reason to avoid lazy loading at all (learn.microsoft.com/en-us/ef/core/performance/efficient-querying).

Confirm with the query log rather than by reading:

const prisma = new PrismaClient({ log: ["query"] });
// Run the failing query, then count emitted statements.
// N statements of the form SELECT ... FROM Comment WHERE postId = ?
// confirms the fan-out; one SELECT ... WHERE postId IN (...) is the fix.

Report:

**Pattern:** silent N+1 via ORM lazy-loading.

**Location:** `resolvers/post.ts:67`

`post.comments` is not present on the parent result, so accessing it
triggers a separate query per post.

**Fix:** B if every `posts` query needs comments: add
`include: { comments: true }` to the `Query.posts` resolver. A if
`comments` is also reached from other parents, or if the comment list per
post is large enough that eager joining causes duplication of post
columns across comment rows.

Worked example 2: one HTTP call per row

Input resolver:

User: {
  paymentMethod: (user) => paymentClient.fetchById(user.paymentMethodId),
}

Report:

**Pattern:** N+1 via per-row HTTP call to the payment service.

**Location:** `resolvers/user.ts:34`

Worse than a database N+1: every invocation pays full network round-trip
latency, and the calls contend for the HTTP client's connection pool.

**Fix:** A (DataLoader) wrapping a batch endpoint.

```typescript
const paymentLoader = new DataLoader<string, PaymentMethod | null>(
  async (ids) => {
    const found = await paymentClient.fetchMany([...ids]);   // batch endpoint
    return ids.map(id => found.find(p => p.id === id) ?? null);
  }
);
```

The re-map is required: the batch endpoint may return rows in any order
and may omit unknown ids, and DataLoader requires the values array to
match the keys array in both length and index order
([github.com/graphql/dataloader](https://github.com/graphql/dataloader)).

If the payment service has no batch endpoint, the fix is cross-team: add
the batch endpoint first, then wrap it. Fixes B and C do not apply, since
the data lives outside the database the parent query reads.

Limitations

  • Structural, not measured. A resolver that could fan out but in practice always hits a warm cache is a false positive. Confirm against a query log or a resolver trace before filing it.
  • Dynamic dispatch is invisible. Resolvers wired through reflection, generated maps, or __resolveType do not read as a parent/child pair in source.
  • SQL-level fan-out is out of reach. ORM calls that look batched in application code can still emit per-row SQL. Pair this with a database-side slow-query analysis for that layer.
  • Fix A is not always right. If the field is loaded once per request, a loader adds indirection for no batching gain, and projection (Fix B) is simpler. Present the option and let the reviewer choose.
  • Aggregate N+1 across fields. Two resolvers that are each fine in isolation can combine into an explosion under one query. Detecting that needs execution traces, not source reading.