https://github.com/entria/graphql-optimizing

GraphQL Request Watterfalls Optimizations
https://github.com/entria/graphql-optimizing

graphql optmize

Last synced: about 1 year ago
JSON representation

GraphQL Request Watterfalls Optimizations

• Host: GitHub
• URL: https://github.com/entria/graphql-optimizing
• Owner: entria
• Created: 2017-03-08T01:23:29.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2017-03-14T12:19:47.000Z (over 9 years ago)
• Last Synced: 2025-04-12T09:11:55.916Z (about 1 year ago)
• Topics: graphql, optmize
• Language: JavaScript
• Homepage: https://dev-blog.apollodata.com/optimizing-your-graphql-request-waterfalls-7c3f3360b051
• Size: 302 KB
• Stars: 27
• Watchers: 18
• Forks: 1
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Optimizing Your GraphQL Request Waterfalls

I'll try to implement the 4 versions of optimization introduced in this blog post:

https://dev-blog.apollodata.com/optimizing-your-graphql-request-waterfalls-7c3f3360b051#.bi8w9s6yn by @AndrewIngram

## Query to be optimized

```graphql

query UserEventScreen {

  user(id: "1") {

  	name

    email

    upcomingEvent(first:5) {

      edges {

        node {

          name

          date

          startTime

          endTime

          viewerRsvp

          tags {

            name

          }

          venue {

            name

          }

          attendingFriendsOfViewer(first:4) {

            edges {

              node {

                name

                email

              }

            }

          }

        }

      }

    }

  }

}

```

## Version 1 - Simple but slow

![simple](./assets/simple.png)

## Version 2 - Batching up the nodes

![batchingNodes](./assets/batchingNodes.png)

## Version 3 - Batching up the edges

![batchingEdges](./assets/batchingEdges.png)

## Version 4 - Looking ahead

![lookingAhead](./assets/lookingAhead.png)