Incremental HTML Caching for JSON Image Rendering

Resolve Bottlenecks,
Find Innovative Solutions
Generate Solutions

Solution Overview

Problem

Rendering images stored as JSON data objects in HTML format can be computationally slow, leading to high latency and inefficient use of computing resources, especially when multiple images are repeatedly updated, which can frustrate users and cause other computing processes to become unresponsive.

Innovation Solution

Implementing an incremental caching process that transforms JSON data into HTML templates, with caching of image data to enable quick retrieval, reducing the computational expense of rendering by storing and recalling cached screenshots instead of re-rendering images from HTML format.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Speed

If images are rendered from JSON data objects in HTML format, then images can be displayed in web browsers, but rendering speed becomes unacceptably slow

Engineering Contradiction:
Improverendering speedVSAvoidrendering time
Core Design Contradiction:
SpeedVSLoss of time

Solution Approach 1:

The patent applies preliminary action by pre-rendering JSON data objects to HTML format and storing them in a cache before they are needed. When an image needs to be displayed, the system checks the cache first and retrieves pre-rendered HTML if available, avoiding the need to render from JSON at display time. This resolves the contradiction by performing the computationally expensive rendering operation in advance, making actual display operations fast while maintaining the ability to generate images on-demand.

Inventive Principle:
Principle #10Preliminary action

2Productivity

If JSON data objects are repeatedly rendered to HTML format, then updated images can be displayed, but computing resources are inefficiently used

Engineering Contradiction:
Improveimage update capabilityVSAvoidcomputing resource consumption
Core Design Contradiction:
ProductivityVSUse of energy by moving object

Solution Approach 1:

The patent applies local quality by implementing a cache that stores pre-rendered HTML versions of JSON data objects. Instead of repeatedly rendering all images from JSON format, the system selectively retrieves cached HTML versions for images that haven't changed. This resolves the contradiction by maintaining image update capability through cached data while significantly reducing computing resource consumption by avoiding redundant rendering operations.

Inventive Principle:
Principle #3Local quality

3Adaptability or versatility

If multiple images are repeatedly updated from JSON format, then web pages can be dynamically refreshed, but other computing processes become unresponsive

Engineering Contradiction:
Improveweb page dynamic refresh capabilityVSAvoidsystem responsiveness
Core Design Contradiction:
Adaptability or versatilityVSEase of operation

Solution Approach 1:

The patent applies preliminary action by pre-rendering and caching HTML versions of JSON data objects before they are needed for web page display. When web pages need to be dynamically refreshed, the system retrieves pre-rendered HTML from cache rather than performing rendering operations at display time. This resolves the contradiction by maintaining dynamic refresh capability while preserving system responsiveness, as the expensive rendering operations are performed in advance during periods of lower demand.

Inventive Principle:
Principle #10Preliminary action

Data Source

PatentEP4407480A1Image generation from HTML data using incremental caching
Publication Date: 2024.07.31 INTUIT INC
  • EP4407480A1 patent drawingFigure 1
  • EP4407480A1 patent drawingFigure 2
  • EP4407480A1 patent drawingFigure 3

AI summary

The one or more embodiments provide for a method. The method includes receiving a digital image stored in an object notation data format. The method also includes converting the digital image into hypertext markup language (HTML) data format. The method also includes caching the HTML data format to generate cached HTML data. The method also includes receiving a first request to reload the digital image. The method also includes rendering, responsive to receiving the first request to reload, the digital image using the cached HTML data to generate a rendered digital image.