Synchronizing document object model trees respectively maintained by a server and a browser

One or more non-transitory computer-readable media storing instructions, which when executed by one or more hardware processors, cause performance of operations comprising:

• receiving, by a server from a browser executing on a browser device, (a) a server-side update instruction for applying a first server-side update to a server-side DOM tree stored by the server, wherein the first server-side update to the server-side DOM tree reflects a first browser-side update by the browser to a browser-side DOM tree stored by the browser, and (b) a first hash value representing the browser-side DOM tree, the first hash value generated by applying a hash function to a first root node of the browser-side DOM tree prior to the first browser-side update by the browser;
• identifying, by the server, based on the first hash value, the server-side DOM tree,
• wherein identifying the server-side DOM tree comprises:
• accessing a data repository comprising a plurality of server-side DOM trees, including the server-side DOM tree, and
• identifying the server-side DOM tree based on a root hash value of the server-side DOM tree matching the first hash value, wherein the root hash value is computed by the server prior to receiving the first hash value and the server-side update instruction;
• executing, by the server, responsive to the server-side update instruction, (a) the first server-side update to the server-side DOM tree, wherein the first server-side update comprises a first set of one or more server-side operations on the server-side DOM tree, and (b) a second server-side update to the server-side DOM tree, wherein the second server-side update comprises a second set of one or more server-side operations on the server-side DOM tree, wherein the second server-side update is triggered by the first server-side update;
• computing, by the server, a browser-side update instruction for applying a second browser-side update to the browser-side DOM tree, wherein the second browser-side update comprises a second set of one or more browser-side operations on the browser-side DOM tree, wherein the second browser-side update to the browser-side DOM tree reflects the second server-side update to the server-side DOM tree;
• and
• transmitting, by the server to the browser executing on the browser device, the browser-side update instruction, wherein, responsive to the browser-side update instruction, the browser executes the second browser-side update to the browser-side DOM tree.

A method, comprising:

• receiving, by a server from a browser executing on a browser device, (a) a server-side update instruction for applying a first server-side update to a server-side DOM tree stored by the server, wherein the first server-side update to the server-side DOM tree reflects a first browser-side update by the browser to a browser-side DOM tree stored by the browser, and (b) a first hash value representing the browser-side DOM tree, the first hash value generated by applying a hash function to a first root node of the browser-side DOM tree prior to the first browser-side update by the browser;
• identifying, by the server, based on the first hash value, the server-side DOM tree,
• wherein identifying the server-side DOM tree comprises:
• accessing a data repository comprising a plurality of server-side DOM trees, including the server-side DOM tree, and
• identifying the server-side DOM tree based on a root hash value of the server-side DOM tree matching the first hash value, wherein the root hash value is computed by the server prior to receiving the first hash value and the server-side update instruction;
• executing, by the server, responsive to the server-side update instruction, (a) the first server-side update to the server-side DOM tree, wherein the first server-side update comprises a first set of one or more server-side operations on the server-side DOM tree, and (b) a second server-side update to the server-side DOM tree, wherein the second server-side update comprises a second set of one or more server-side operations on the server-side DOM tree, wherein the second server-side update is triggered by the first server-side update;
• computing, by the server, a browser-side update instruction for applying a second browser-side update to the browser-side DOM tree, wherein the second browser-side update comprises a second set of one or more browser-side operations on the browser-side DOM tree, wherein the second browser-side update to the browser-side DOM tree reflects the second server-side update to the server-side DOM tree;
• and
• transmitting, by the server to the browser executing on the browser device, the browser-side update instruction, wherein, responsive to the browser-side update instruction, the browser executes the second browser-side update to the browser-side DOM tree;
• wherein the method is performed using at least one hardware device.

A system, comprising:

• at least one hardware processor;
• the system being configured to execute operations, using the at least one hardware processor, the operations comprising:
• receiving, by a server from a browser executing on a browser device, (a) a server-side update instruction for applying a first server-side update to a server-side DOM tree stored by the server, wherein the first server-side update to the server-side DOM tree reflects a first browser-side update by the browser to a browser-side DOM tree stored by the browser, and (b) a first hash value representing the browser-side DOM tree, the first hash value generated by applying a hash function to a first root node of the browser-side DOM tree prior to the first browser-side update by the browser;
• identifying, by the server, based on the first hash value, the server-side DOM tree, wherein identifying the server-side DOM tree comprises:
• accessing a data repository comprising a plurality of server-side DOM trees, including the server-side DOM tree, and
• identifying the server-side DOM tree based on a root hash value of the server-side DOM tree matching the first hash value, wherein the root hash value is computed by the server prior to receiving the first hash value and the server-side update instruction;
• executing, by the server, responsive to the server-side update instruction, (a) the first server-side update to the server-side DOM tree, wherein the first server-side update comprises a first set of one or more server-side operations on the server-side DOM tree, and (b) a second server-side update to the server-side DOM tree, wherein the second server-side update comprises a second set of one or more server-side operations on the server-side DOM tree, wherein the second server-side update is triggered by the first server-side update;
• computing, by the server, a browser-side update instruction for applying a second browser-side update to the browser-side DOM tree, wherein the second browser-side update comprises a second set of one or more browser-side operations on the browser-side DOM tree, wherein the second browser-side update to the browser-side DOM tree reflects the second server-side update to the server-side DOM tree;
• and
• transmitting, by the server to the browser executing on the browser device, the browser-side update instruction, wherein, responsive to the browser-side update instruction, the browser executes the second browser-side update to the browser-side DOM tree.