Buffering and replaying user interaction event content received at a frontend application while asynchronously loading resources supporting a page from a backend application of a multiuser collaboration tool
View Patent ↗Systems and methods for servicing page requests from a cloud-based software service. In particular, page tree elements defining a page requested from a backend of a cloud-based software service can be can be transmitted in a manner that prioritizes elements and functionality likely to be interacted with by a particular user first (e.g., within a threshold time of apparent pageload completion). Other elements unlikely to be interacted with by the user may be loaded asynchronously and/or on a deferred basis. Inputs provided to these elements can be buffered by an input buffer script to capture unexpected inputs thereto.
1. A method of operating a backend application instantiated by interoperation of a processor and a memory allocated for the backend application by a host system, the method comprising:
receiving, at the backend application from a frontend application instantiated by a client device, a request for a page defined by an element tree comprising:
a set of user interface elements;
a set of style elements, each style element defining a presentation style for at least one of the user interface elements; and
a set of frontend-executable script elements, each defining a functionality associated with at least a respective one of the set of user interface elements;
determining, by the backend application from the request, user information associated with a particular user authenticated to the backend application operating the frontend application;
identifying, by the backend application from the user information, a first frontend-executable script element of the set of frontend-executable script elements likely to receive a first user input by the specific user at the frontend within a first threshold time period of initiating loading of the page in the frontend;
identifying, by the backend application from the user information, a second frontend-executable script element of the set of frontend-executable script elements not likely to receive a second user input by the specific user at the frontend within a second threshold time period of initiating loading of the page in the frontend;
marking, by the backend application instance, the second frontend-executable script element for deferred loading;
associating an input buffer script of the element tree with a user interface element associated with the second frontend-executable script element, the input buffer script configured to:
receive the second user input that is provided by the specific user prior to the second frontend-executable script being loaded; and
buffer the second user input until after the second frontend-executable script element is loaded, thereafter providing the second user input to the second frontend-executable script element as input; and
serving the element tree to the frontend application instance in response to the request.
2. The method of claim 1 , wherein identifying, by the backend application from the user information, the first frontend-executable script element of the set of frontend-executable script elements likely to receive the first user input at the frontend within the first threshold time period comprises accessing a user interaction history of the user.
3. The method of claim 1 , wherein identifying, by the backend application from the user information, the first frontend-executable script element of the set of frontend-executable script elements likely to receive the first user input at the frontend within the first threshold time period comprises accessing a user interaction history of a group of users to which the user belongs.
4. The method of claim 1 , wherein identifying, by the backend application from the user information, the first frontend-executable script element of the set of frontend-executable script elements likely to receive the first user input at the frontend within the first threshold time period comprises accessing a user interaction history of a tenant or organization to which the user belongs.
5. The method of claim 1 , wherein identifying, by the backend application from the user information, the second frontend-executable script element of the set of frontend-executable script elements likely to receive the second user input at the frontend within the second threshold time period comprises determining that the user interface element is infrequently accessed by the user.
6. The method of claim 1 , wherein the backend application is associated with a collaboration tool selected from a group consisting of:
a documentation platform;
an issue tracking platform; and
a project management platform.
7. The method of claim 1 , wherein the user information comprises a user interaction history of the user with the user interface element.
8. The method of claim 1 , wherein marking the second frontend-executable script element for deferred loading comprises modifying an attribute of an element of the element tree referencing the second frontend-executable script.
9. The method of claim 1 , wherein marking the second frontend-executable script element for deferred loading comprises transmitting the second frontend-executable script element to the frontend instance after a delay.