search

warrenday / graphql-network-inspector

A better network inspector for viewing and debugging GraphQL requests.
MIT License
466 stars 46 forks source link

improve code render performance by offloading to a worker #64

Closed warrenday closed 2 years ago

warrenday commented 2 years ago

Description

Major improvement to the code renderer which will prevent freezing when processing large JSON payloads.

  1. Switch from react-code-block to highlight.js which has a 4x improvement on render speed from local testing.
  2. Move the conversion of JSON to markup to a worker which prevents the UI from freezing for large payloads.
  3. Add a delayed loader to improve perceived rendering speed when processing large payloads in the background.

Screenshot

Provide a screenshot or gif of the new feature in both dark and light mode.

Screenshot 2022-04-09 at 15 17 02 Screenshot 2022-04-09 at 15 18 05