Legal claims defining the scope of protection. Each claim is shown in both the original legal language and a plain English translation.
1. A method of avoiding flicker between old and new versions of a page element in a content page, the method comprising: under control of a physical computing device comprising digital logic circuitry: receiving a web page comprising a synchronous script and an asynchronous script, the synchronous script placed before the asynchronous script in the web page so as to facilitate execution of the synchronous script prior to the asynchronous script; executing the synchronous script associated with the web page, the synchronous script comprising at least one operation specifying a Hypertext Markup Language (HTML) id or class attribute, the operation configured to assign a hidden visibility property to a first version of a first page element of the web page having the HTML id or class attribute, wherein assignment of the hidden visibility property to the first version of the first page element based on the HTML id or class attribute allows the synchronous script to facilitate hiding of the first version of the first page element without causing second page elements of the web page not having the HTML id or class attribute to be hidden; loading the first version of the first page element and the second page elements, said loading comprising displaying the second page elements but preventing the first version of the first page element from displaying due to the first version of the first page element being assigned the hidden visibility property; and subsequent to execution of the synchronous script, asynchronously executing an asynchronous script associated with the web page, the asynchronous script configured to replace the loaded first version of the first page element with a second version of the first page element and to assign the second version of the first page element to have a visibility property based on the HTML id or class attribute to cause the second version of the first page element to be rendered visible in the browser in place of the first version of the first page element; wherein the combined action of the synchronous script and the asynchronous script are configured to prevent user-perceived flicker of first displaying the first version of the first page element followed by displaying the second version of the first page element.
A method to prevent visual flicker when updating elements on a webpage. The method involves loading a webpage containing both a synchronous script and an asynchronous script. The synchronous script runs first and finds specific HTML elements (identified by their ID or class) and hides them. This initial hiding only affects the targeted elements and doesn't hide other parts of the page. The browser loads the webpage elements, displaying everything except the hidden elements. Next, the asynchronous script runs, replacing the hidden elements with updated versions and makes these new versions visible. The combined effect is that the user never sees the original element before it's updated, thus eliminating flicker.
2. The method of claim 1 , wherein the first page element comprises one or more of the following: an image, a video, and text.
The method of avoiding flicker between old and new versions of a page element in a content page, involving the use of a synchronous script to hide elements before an asynchronous script replaces them, where the first page element that is hidden and replaced can be an image, a video, or text on the webpage. Thus, this technique can be applied to images, videos, and text to prevent the user from seeing a flash of the old content before the new content is loaded.
3. The method of claim 1 , wherein the combined action of the synchronous script and the asynchronous script are configured to facilitate NB page testing without user-perceivable flicker.
The method of avoiding flicker between old and new versions of a page element in a content page, involving the use of a synchronous script to hide elements before an asynchronous script replaces them, also facilitates A/B testing (NB page testing) without the user noticing any flickering. This allows for seamless testing of different versions of webpage elements without disrupting the user experience with visual artifacts.
4. The method of claim 1 , wherein the at least one operation of the synchronous script is configured to modify a Document Object Model (DOM) of the web page to assign the hidden visibility property to a first version of a first page element of the web page.
The method of avoiding flicker between old and new versions of a page element in a content page, involving the use of a synchronous script to hide elements before an asynchronous script replaces them, where the synchronous script modifies the Document Object Model (DOM) of the webpage to set the hidden visibility property on the target element. The DOM is the structure of the HTML, and the script manipulates this structure to hide the initial version of the element.
5. The method of claim 1 , wherein the first page element is other than a body tag.
The method of avoiding flicker between old and new versions of a page element in a content page, involving the use of a synchronous script to hide elements before an asynchronous script replaces them, where the page element being modified is something other than the `<body>` tag. Meaning this technique focuses on individual elements *within* the page and not the entire page's body.
6. A system for avoiding flicker between old and new versions of a page element in a content page, the system comprising: one or more memory devices configured to store a synchronous script and an asynchronous script associated with a web page; and one or more hardware processors in communication with the one or more memory devices, the one or more hardware processors comprising digital logic circuitry configured to: execute the synchronous script, the synchronous script comprising at least one operation specifying a Hypertext Markup Language (HTML) id or class attribute, the operation configured to assign a hidden visibility property to a first version of a first page element of the web page having the HTML id or class attribute, wherein assignment of the hidden visibility property to the first version of the first page element based on the HTML id or class attribute allows the synchronous script to facilitate hiding of the first version of the first page element without causing second page elements of the web page not having the HTML id or class attribute to be hidden; load the first version of the first page element and the second page elements, said loading comprising displaying the second page elements but preventing the first version of the first page element from displaying due to the first version of the first page element being assigned the hidden visibility property; and subsequent to execution of the synchronous script, asynchronously execute an asynchronous script associated with the web page, the asynchronous script configured to replace the loaded first version of the first page element with a second version of the first page element and to assign the second version of the first page element to have a visibility property based on the HTML id or class attribute to cause the second version of the first page element to be rendered visible in the browser in place of the first version of the first page element; wherein the combined action of the synchronous script and the asynchronous script are configured to prevent user-perceived flicker of first displaying the first version of the first page element followed by displaying the second version of the first page element.
A system designed to prevent visual flicker when updating elements on a webpage. It comprises memory to store both a synchronous script and an asynchronous script associated with the webpage, and a processor. The processor executes the synchronous script first. This script identifies specific HTML elements (by ID or class) and hides them. This hiding only affects targeted elements. The system loads webpage elements, displaying everything except the hidden elements. Then, the processor executes the asynchronous script which replaces the hidden elements with updated versions and makes the new versions visible. The combined effect prevents the user from seeing the original element before it's updated.
7. The system of claim 6 , wherein the at least one operation of the synchronous script is configured to modify a Document Object Model (DOM) of the web page to assign the hidden visibility property to a first version of a first page element of the web page.
The system for avoiding flicker between old and new versions of a page element in a content page, which uses a synchronous script to hide elements before an asynchronous script replaces them, where the synchronous script modifies the Document Object Model (DOM) of the webpage to set the hidden visibility property on the target element. The DOM is the structure of the HTML, and the script manipulates this structure to hide the initial version of the element, preventing flicker.
8. The system of claim 6 , wherein the first page element is other than a body tag.
The system for avoiding flicker between old and new versions of a page element in a content page, which uses a synchronous script to hide elements before an asynchronous script replaces them, where the page element being modified is something other than the `<body>` tag. Meaning this system focuses on individual elements *within* the page and not the entire page's body when addressing the flicker issue.
Unknown
December 2, 2014
Browse 5M+ US patents with plain-English claim translations and AI-generated analysis.