Techniques for integrating server-side and client-side rendered content

A computing device, comprising:

• one or more processors;
• and.
• one or more memories storing computer-executable instructions that, when executed by the one or more processors, cause the compute device to:
• receive, from a client application, a request for a webpage;
• generate server-side rendered content corresponding to a first portion of the webpage;
• obtain data corresponding to a second portion of the webpage that is to be rendered by the client application;
• provide, to the client application, a response corresponding to the request, the response comprising the server-side rendered content corresponding to the first portion of the webpage and the data corresponding to the second portion of the webpage, the server-side rendered content being associated with an indicator indicating that the server-side rendered content is to be initially hidden from view, wherein providing the response to the client application, causes the client application to:
• generate a document object model corresponding to the first set of components associated with the server-side rendered content;
• delay presentation of the server-side rendered content based at least in part on the indicator received with the server-side rendered content;
• generate client-side rendered content based at least in part on processing the data corresponding to the second portion of the webpage, wherein processing the data comprises generating a virtual document object model corresponding to a second set of components associated with the client-side rendered content;
• identify a difference between the document object model corresponding to the server-side rendered widget and the virtual document object model corresponding to the client-side rendered content;
• and
• in response to identifying the difference between the document object model and the virtual document object model and identifying that the presentation of the server-side rendered content has been delayed, present, at the webpage, at substantially a same time, the server-side rendered content that was initially hidden from view and the client-side rendered content.

A non-transitory computer-readable storage medium comprising one or more memories storing computer-executable instructions that, when executed by one or more processors of a computing device, cause the computing device to:

• transmit, to a server, a request for a webpage;
• receive, from the server, a response comprising server-side rendered content and executable code corresponding to content to be rendered at the computing device, the server-side rendered content comprising an indicator indicating that the server-side rendered content is to be initially hidden from view;
• generate a document object model corresponding to a first set of components associated with the server-side rendered content;
• delay presentation of the server-side rendered content based at least in part on receiving the indicator associated with the server-side rendered content;
• generating, at the computing device, the content to be rendered at the computing device based at least in part by executing the executable code, wherein generating the content to be rendered at the computing device comprises generating a virtual document object model corresponding to a second set of components associated with the content;
• and
• in response to identifying that a difference between the document object model and the virtual document object model and identifying that the presentation of the server-side rendered content has been delayed, presenting, at the webpage, at substantially a same time:
• 1) the server-side rendered content received in the response, the presentation of which was previously delayed and 2) the content rendered by the computing device.