PREDICTIVE WEB PAGE RENDERING USING A SCROLL VECTOR

摘要

Systems, methods, and apparatus for improving a user experience during viewport scrolling is herein disclosed. Rendering and drawing of a viewport is performed for a destination viewport based on a viewport scroll vector calculated from a user scroll input at a display device. The destination viewport is rendered before viewports between a starting viewport and the destination viewport so that there is no lag in rendering when the scrolling action reaches the destination viewport. The compromise is that intermediate viewports may be rendered based on a thumbnail image in low resolution, but since these low-resolution portions of the webpage are viewed briefly as the webpage scrolls to the destination viewport, a user is unlikely to notice the reduced resolution.

主权项

1. A computing device for rendering and displaying portions of a webpage, the computing device comprising:
a viewport; a webpage memory block that receives and stores data used to render a webpage; a thumbnail memory block that stores a thumbnail image of the webpage rendered from the data in a first resolution; a tile memory block that stores the webpage as one or more tiles, each of the one or more tiles rendered from one or more portions of the data in a second resolution higher than the first resolution; a viewport memory block that stores a copy of at least one portion of the thumbnail memory block and stores copies of the one or more tiles; and a processor system that:
renders the thumbnail image of the webpage from the data to the thumbnail memory block;when the processor system attempts to copy one of the one or more tiles to the viewport memory block, determines that the processor system has not rendered, or has not finished rendering, at least one tile to the tile memory block from the one or more portions of the data; and in responsecopies a portion of the thumbnail image to the viewport memory block corresponding to the tile that was not rendered.