CN114840162A - Above-the-fold page presentation method, apparatus, electronic device and storage medium - Google Patents

Abstract

The present disclosure provides a method, an apparatus, an electronic device and a storage medium for presenting a page above the fold. A specific implementation of the method includes: obtaining the page layout of the first screen and the set of first screen function modules of the target application; for each of the first screen function modules, performing the following traversal operation: in response to determining the display timing type of the first screen function module In order to display the above-the-fold page, perform the following user interface creation operations for the above-the-fold function module: display the current attribute value of the relevant attribute according to the user interface of the above-the-fold function module, and create the user interface of the above-the-fold function module; The user interface is added to the area corresponding to the above-the-fold function module in the above-the-fold page layout; the above-the-fold page is rendered based on the above-the-fold page layout and the generated user interfaces, and the rendered The above-the-fold page. This implementation improves the rendering speed of the above-the-fold page.

Description

Above-the-fold page presentation method, apparatus, electronic device and storage medium

technical field

Embodiments of the present disclosure relate to the field of computer technologies, and in particular, to a method, apparatus, electronic device, and storage medium for presenting a page above the fold.

Background technique

For terminal applications, in the process of displaying the application interface (or the first screen page) for the first time after opening the application, after creating and initializing the overall page layout, each module used in the home page (for example, the operation pit) is usually initialized. bits, advertisements, tooltips, application or specific indicator update tooltips, etc.). However, with the continuous iteration of terminal applications, the number of modules in the initialization home page is increasing, and modules are often accompanied by time-consuming logic such as network access and data reading, which will occupy more and more before the first screen page is displayed. It takes a lot of time, which will cause the experience problem of slow application opening speed and give the user a bad experience.

SUMMARY OF THE INVENTION

Embodiments of the present disclosure provide a method, apparatus, electronic device, and storage medium for presenting a page above the fold.

In a first aspect, embodiments of the present disclosure provide a method for presenting above-the-fold pages. The method includes: obtaining a page layout and a set of above-the-fold function modules of a target application; and for each of the above-the-fold function modules, performing the following traversal Operation: In response to determining that the display timing type of the above-the-fold function module is the above-the-fold page display, perform the following user interface creation operation for the above-the-fold function module: display the current attribute value of the relevant attribute according to the user interface of the above-the-fold function module, Create the user interface of the above-the-fold function module; and add the created user interface to the area corresponding to the above-the-fold function module in the above-the-fold page layout; based on the above-the-fold page layout and the generated user interfaces Rendering the above-the-fold page, and presenting the rendered above-the-fold page.

In some optional implementations, the traversal operation further includes: in response to determining that the display timing type of the above-the-fold functional module is lazy loading display, ending the traversal operation for the above-the-fold functional module.

In some optional implementation manners, the traversal operation further includes: in response to determining that the display timing type of the first screen function module is delayed display, determining a delay time length corresponding to the first screen function module, and delaying all the delays. After the determined delay time, in response to the user interface creation operation not being performed for the first screen function module, the user interface creation operation is performed for the first screen function module, and the first screen page is re-rendered and refreshed.

In some optional implementations, before performing the following traversal operation for each of the above-the-fold function modules, the method further includes: determining a hardware performance category of the target terminal device according to hardware parameter information of the target terminal device , wherein the target terminal device is the terminal device that obtains the first screen page layout of the target application and the set of first screen function modules; and the determining the delay time length corresponding to the first screen function module includes: according to the first screen The corresponding relationship between the functional module and the hardware performance category and the delay duration, determine the delay duration corresponding to the first screen function module and the hardware performance category of the target terminal device; The duration is determined as the delay duration corresponding to the first screen function module.

In some optional implementations, each first screen functional module includes an attribute value read-write interface and a logic operation interface; and the method further includes: in response to detecting that the display timing type is the lazy loading display of the first song The calling operation of the logic operation class interface in the screen function module, the user interface creation operation is performed for the first screen function module, and the first screen page is re-rendered and refreshed.

In a second aspect, an embodiment of the present disclosure provides a first screen page presentation device, the device includes: an acquisition unit configured to obtain a first screen page layout and a first screen function module set of a target application; a traversal unit, configured to For each of the above-the-fold function modules, perform the following traversal operations: in response to determining that the display timing type of the above-the-fold function module is the display of the above-the-fold page, perform the following user interface creation operation for the above-the-fold function module: according to the above-the-fold function module The user interface displays the current attribute value of the relevant attribute, creates the user interface of the above-the-fold function module; and adds the created user interface to the area corresponding to the above-the-fold function module in the above-the-fold page layout; presentation unit is configured to render the above-the-fold page based on the above-the-fold page layout and the generated user interfaces, and present the rendered above-the-fold page.

In some optional implementations, the traversal operation further includes: in response to determining that the display timing type of the above-the-fold functional module is lazy loading display, ending the traversal operation for the above-the-fold functional module.

In some optional implementation manners, the traversal operation further includes: in response to determining that the display timing type of the first screen function module is delayed display, determining a delay time length corresponding to the first screen function module, and delaying all the delays. After the determined delay time, in response to the user interface creation operation not being performed for the first screen function module, the user interface creation operation is performed for the first screen function module, and the first screen page is re-rendered and refreshed.

In some optional implementation manners, the apparatus further includes: a performance determination unit, configured to, before performing the following traversal operation for each of the above-the-fold functional modules: determine the The hardware performance category of the target terminal device, wherein the target terminal device is the terminal device that obtains the first screen page layout and the first screen function module set of the target application; and the delay corresponding to the first screen function module is determined; The duration, including: determining the delay duration corresponding to the first screen function module and the hardware performance category of the target terminal device according to the correspondence between the first screen function module and the hardware performance category and the delay duration; and determining the determined delay time length as the delay time length corresponding to the first screen function module.

In some optional implementation manners, each first screen function module includes an attribute value read-write interface and a logic operation interface; and the apparatus further includes: a lazy loading display unit, configured to respond to the detection of the type of display timing For the invocation operation of the logical operation class interface in the first first screen function module displayed by lazy loading, the user interface creation operation is performed for the first first screen function module, and the first screen page is re-rendered and refreshed.

In a third aspect, embodiments of the present disclosure provide an electronic device, including: one or more processors; a storage device, on which one or more programs are stored, when the one or more programs are stored by the one or more programs described above When executed by the multiple processors, the above-mentioned one or more processors are caused to implement the method described in any one of the implementation manners of the first aspect.

In a fourth aspect, embodiments of the present disclosure provide a computer-readable storage medium on which a computer program is stored, wherein, when the computer program is executed by one or more processors, any implementation manner of the first aspect is implemented method described.

In order to improve the display speed of the existing first screen page, the first screen page presentation method, device, electronic device and storage medium provided by the embodiments of the present disclosure classify and process each functional module to be initialized on the first screen according to the display timing type, For the function module to be initialized displayed on the first screen page, the current attribute value of the relevant attribute is displayed according to the user interface of the first screen function module, and the user interface of the first screen function module is created. That is, only the corresponding user interface is created in real time for the functional modules to be initialized displayed on the first screen page, thereby improving the speed of final rendering of the first screen page.

Description of drawings

Other features, objects and advantages of the present disclosure will become more apparent upon reading the detailed description of non-limiting embodiments taken with reference to the following drawings. The drawings are for the purpose of illustrating specific embodiments only, and are not considered to be limiting of the present invention. In the attached image:

FIG. 1 is an exemplary system architecture diagram to which an embodiment of the present disclosure may be applied;

FIG. 2 is a flowchart of an embodiment of a method for presenting a page above the fold according to the present disclosure;

3A is a flowchart of yet another embodiment of a method for presenting a page above the fold according to the present disclosure;

3B is a flow diagram of one embodiment of a traversal operation according to the present disclosure;

4 is an application scenario diagram according to an embodiment of the first screen page presentation method shown in FIGS. 3A and 3B;

5 is a schematic structural diagram of an embodiment of a first screen page presentation apparatus according to the present disclosure;

6 is a schematic structural diagram of a computer system suitable for implementing an electronic device of an embodiment of the present disclosure.

Detailed ways

The present disclosure will be further described in detail below with reference to the accompanying drawings and embodiments. It should be understood that the specific embodiments described herein are only used to explain the related invention, but not to limit the invention. In addition, it should be noted that, for the convenience of description, only the parts related to the related invention are shown in the drawings.

It should be noted that the embodiments of the present disclosure and the features of the embodiments may be combined with each other under the condition of no conflict. The present disclosure will be described in detail below with reference to the accompanying drawings and in conjunction with embodiments.

FIG. 1 illustrates an exemplary system architecture 100 to which embodiments of the above-the-fold page presentation method, apparatus, electronic device, and storage medium of the present disclosure may be applied.

As shown in FIG. 1 , the system architecture 100 may include terminal devices 101 , 102 , and 103 , a network 104 and a server 105 . The network 104 is a medium used to provide a communication link between the terminal devices 101 , 102 , 103 and the server 105 . The network 104 may include various connection types, such as wired, wireless communication links, or fiber optic cables, among others.

The user can use the terminal devices 101, 102, 103 to interact with the server 105 through the network 104 to receive or send messages and the like. Various communication client applications can be installed on the terminal devices 101, 102 and 103, such as natural language processing applications, speech recognition applications, short video social applications, audio and video conferencing applications, web browser applications, shopping applications , search applications, instant messaging tools, email clients, social platform software, etc.

The terminal devices 101, 102, and 103 may be hardware or software. When the terminal devices 101, 102 and 103 are hardware, they can be various electronic devices with display screens, including but not limited to smart phones, tablet computers, e-book readers, MP3 players (Moving Picture Experts Group Audio Layer III, Moving Picture Experts Compression Standard Audio Layer 3), MP4 (Moving Picture Experts Group Audio Layer IV, Moving Picture Experts Compression Standard Audio Layer 4) Players, Laptops and Desktops, etc. When the terminal devices 101, 102 and 103 are software, they can be installed in the terminal devices listed above. It can be implemented as multiple software or software modules (for example, used to provide above-the-fold page rendering services), or can be implemented as a single software or software module. There is no specific limitation here.

It should be noted that the above-the-fold page presentation method provided by the present disclosure is generally performed by the terminal devices 101 , 102 , and 103 .

It should be noted that the server 105 may be hardware or software. When the server 105 is hardware, it can be implemented as a distributed server cluster composed of multiple servers, or can be implemented as a single server. When the server 105 is software, it can be implemented as a plurality of software or software modules (for example, for providing distributed services), or can be implemented as a single software or software module. There is no specific limitation here.

It should be understood that the numbers of terminal devices, networks and servers in FIG. 1 are merely illustrative. There can be any number of terminal devices, networks and servers according to implementation needs.

Continuing to refer to FIG. 2 , it shows a process 200 of an embodiment of a method for rendering a page above the fold according to the present disclosure. The method for rendering a page above the fold includes the following steps:

Step 201: Obtain the first screen page layout and the first screen function module set of the target application.

In this embodiment, the execution body of the above-the-fold page presentation method (eg, the terminal device shown in FIG. 1 ) may first create and initialize the overall page layout of the above-the-fold page (ie, the above-the-fold page layout) after the application is opened. For example, the above-the-fold page may be divided into at least one area, wherein each area may correspond to a function module with above-the-fold, or may correspond to a static display object. Here, the static display objects may include, but are not limited to, banners (banner advertisements), logos (logos), images, tables, texts, and the like, for example.

The above-the-fold page layout may include area information of at least one area. The area information may include area identification, location information of the area, and area size information.

Here, the target application may be various applications, which are not specifically limited in the present disclosure. For example, the target application may be various integrated applications, such as an office collaboration suite application that integrates functions such as instant messaging, audio and video conferencing, cloud documents, smart calendars, and cloud disks.

Then, the above-mentioned execution body can obtain the page layout of the first screen of the target application.

The target application may correspond to its set of above-the-fold function modules. Here, different first screen function modules may correspond to different code sequences for performing functions including but not limited to: creating a user interface of the first screen function module, and executing logical function operations of the first screen function module. Here, the above-mentioned execution body acquiring the set of first screen function modules of the target application may be an address entry for obtaining the code sequences corresponding to the above-mentioned different first screen function modules.

It should be noted that the above-mentioned execution body may locally cache the current attribute values of the attributes related to the user interface of each first screen function module. When creating the user interface of the above-the-fold function module, the above-mentioned execution body can locally read the current attribute value of the corresponding user interface-related attributes of each above-the-fold function module, so as to complete the creation of the user interface of each above-the-fold function module operate.

In order to facilitate the main program of the target application to call the first screen function module, the first screen function module may include different types of program interfaces (interfaces).

In some optional implementations, each first screen function module may include an attribute value read/write interface and a logic operation interface. Wherein, the attribute value read-write class interface is used to access or set the attribute value of the attribute related to the user interface of the first screen function module. For example, the attributes related to the user interface of the above-the-fold function module may include, but are not limited to: background color, text information, and the like of the user interface of the above-the-fold function module. The logical operation class interface is used to perform other logical function operations. The above-mentioned logical function operation may be, for example, checking the network connection status of the above-mentioned executive body, and when detecting that the above-mentioned executive body is not connected to the network, generating and presenting a user interface for prompting the user to check the network connection.

Wherein, the user interface of each first screen function module may be displayed on the first screen of the target application, or after certain events in the target application are triggered, or may also be displayed on the first screen page after a certain delay.

Step 202, for each first screen function module, perform a traversal operation.

In this embodiment, the above-mentioned execution body may perform a traversal operation on each first screen function module obtained in step 201 for the first screen function module. The traversal operation may include the following operations: in response to determining that the display timing type of the above-the-fold function module is the first-page page display, performing a user interface creation operation for the above-the-fold function module.

Here, each first screen function module may correspond to a corresponding display timing type. The display timing type of the above-the-fold function module is used to represent the time when the user interface corresponding to the above-the-fold function module is displayed on the above-the-fold page.

Here, the user interface creation operation may include: displaying the current attribute values of the relevant attributes according to the user interface of the above-the-fold function module, creating the user interface of the above-the-fold function module, and adding the created user interface to the layout of the above-the-fold function module in the area corresponding to the above-the-fold function module.

That is, for the first screen function module that needs to be displayed on the first screen page of the target application, you can read the current attribute value of the user interface related attributes corresponding to the first screen function module in the cache, and then create it according to the read current attribute value. The user interface of the above-the-fold function module, and the created user interface is added to the area corresponding to the above-the-fold function module in the layout of the above-the-fold page. In this way, during subsequent rendering in step 203, a corresponding user interface may be presented in the area corresponding to the above-the-fold page and the above-the-fold function module.

Step 203: Render the above-the-fold page based on the layout of the above-the-fold page and the generated user interfaces, and present the rendered above-the-fold page.

In this embodiment, the above-mentioned execution body may render the above-the-fold page based on the layout of the above-the-fold page obtained in step 201 and each user interface generated in step 202, and present the rendered above-the-fold page.

For the above-the-fold page presentation method provided by the above-mentioned embodiments of the present disclosure, by classifying and processing each above-the-fold function module according to the display timing type, for the above-the-fold function module displayed in the above-the-fold page, according to the user of the above-the-fold function module The interface displays the current attribute value of the relevant attribute, and creates the user interface of the above-the-fold function module. That is, only the corresponding user interface is created in real time for the functional modules to be initialized displayed on the first screen page, thereby improving the speed of final rendering of the first screen page.

Continuing to refer to FIG. 3A , there is shown a flow 300 of yet another embodiment of the above-the-fold page presentation method according to the present disclosure. The above-the-fold page rendering method includes the following steps:

Step 301: Obtain the first screen page layout and the first screen function module set of the target application.

In this embodiment, the specific operations of step 301 and the resulting technical effects are basically the same as the operations and effects of step 201 in the embodiment shown in FIG. 2 , and are not repeated here.

Step 302, for each first screen function module, perform a traversal operation.

In this embodiment, the above-mentioned execution body may perform a traversal operation on each first screen function module obtained in step 301 for the first screen function module. The traversal operation may include steps 3021 to 3023 shown in FIG. 3B :

Step 3021: Determine the display timing type of the first screen function module.

If it is determined that the display timing type of the above-the-fold functional module is the above-the-fold page display, go to step 3022.

If it is determined in step 3021 that the display timing type of the above-the-fold functional module is lazy loading display, end the traversal operation for the above-the-fold functional module, and continue to perform the traversal operation on other above-the-fold functional modules that have not yet performed the traversal operation. Here, the so-called lazy loading display means that it is displayed only when needed, not on the first screen page. In the first screen page, there is no need to create a user interface for the function module of the first screen. Only when the logic operation class interface in the screen function module is called, the user interface creation operation is performed for the first screen function module, so that the first screen function module of the lazy loading display type can be presented when needed. For details, reference may be made to the related records later, and details are not repeated here.

If it is determined in step 3021 that the display timing type of the first screen function module is delayed display, go to sub-step 3023 to execute.

Step 3022: Perform a user interface creation operation for the first screen function module.

Here, the specific operations of the user interface creation operation and the technical effects produced are basically the same as the operations and effects of the user interface creation operation in the embodiment shown in FIG. 2 , and will not be repeated here.

Sub-step 3023, determine the delay time corresponding to the first screen function module, after delaying the determined delay time, in response to the user interface creation operation not being performed for the first screen function module, execute the first screen function module for the first screen function module. User interface creation actions, and re-rendering and rendering of the above-the-fold page.

Here, if it is determined in step 3021 that the display timing type of the above-the-fold function module is delayed display, it means that it is not necessary to display the user interface of the above-the-fold function module on the first-page page of the target application, but after a certain delay Create and display the user interface for this above-the-fold feature module. For example, for functional modules that have little impact on the user's use of the main functions of the target application, such as the advertising space functional module, they do not need to be displayed immediately on the first screen page, but can be displayed in a delayed manner.

Here, the above-mentioned execution body may adopt various implementation manners to determine the delay time length corresponding to the first screen function module. For example, the first preset delay duration (for example, 500 milliseconds) may be determined as the delay duration corresponding to the first screen function module.

For another example, the delay duration of the corresponding first screen function module can also be preset according to the business importance of each first screen function module whose display timing type is delayed display, and then the delay time preset for the first screen function module can be set. The duration is determined as the delay duration corresponding to the first screen function module.

It should be noted that, in step 3023, during the delay period determined by the delay, the traversal operation will continue to be performed on other first screen function modules that have not performed the traversal operation during the delay period, thereby delaying the display of the first screen of the type. The screen function module will not occupy the display time of the first screen page. The user interface creation operation will be performed for the above-the-fold function module, and the above-the-fold page will be re-rendered and refreshed only after the delay time determined by the delay. In practice, within the determined delay time, the traversal operation of all the above-the-fold function modules of the above-the-fold page can generally be completed, and the above-the-fold function modules of the delayed display type will not occupy the display time of the above-the-fold page.

Step 303: Render the above-the-fold page based on the layout of the above-the-fold page and the generated user interfaces, and present the rendered above-the-fold page.

In this embodiment, the specific operation of step 303 and the technical effect produced by it are basically the same as the operation and effect of step 203 in the embodiment shown in FIG. 2 , and will not be repeated here.

In some optional implementation manners, the foregoing executive body may also perform the following step 304 before step 302:

Step 304: Determine the hardware performance category of the target terminal device according to the hardware parameter information of the target terminal device.

Here, the target terminal device is the terminal device that obtains the first screen page layout and the first screen function module set of the target application, that is, the terminal device that executes step 301 .

Here, the above-mentioned execution body may first acquire hardware parameter information of the target terminal. Here, the hardware parameter information may include, but is not limited to, the following parameters of the target terminal device: operating system version, memory capacity, CPU frequency, number of CPU cores, and GPU frequency.

Then, various implementation manners may be adopted to determine the hardware performance category of the target terminal device according to the hardware parameter information of the target terminal device. For example, assuming that the hardware parameter information includes N (N is a natural number) hardware parameters, then the corresponding relationship between the parameter value used to characterize the specific hardware parameter and the corresponding hardware score is set for each hardware parameter in advance, Then the above-mentioned execution body can determine the hardware score corresponding to each hardware parameter in the hardware parameter information of the target terminal according to the above-mentioned corresponding relationship, and then perform a weighted summation on the hardware score corresponding to each hardware parameter according to the weight coefficient of the corresponding hardware parameter , and then obtain the overall hardware score of the target terminal device. Finally, the hardware performance category corresponding to the overall hardware score of the target terminal device is determined according to the corresponding relationship between the overall hardware score and the hardware performance category, that is, the hardware performance category of the target terminal device is obtained. For example, the hardware performance categories could be "High-End Devices", "Mid-Range Devices", and "Low-End Devices".

Next, the delay duration corresponding to the first screen function module and the hardware performance category of the target terminal device may be determined according to the correspondence between the first screen function module and the hardware performance category and the delay duration.

Finally, the above-determined delay duration may be determined as the delay duration corresponding to the first screen function module. Furthermore, the delay duration corresponding to the first screen function module determined in step 3023 is determined according to the hardware parameter information of the target terminal device, that is, if the hardware performance of the target terminal device is higher, the execution of the same task consumes the same amount of time. The shorter the time is, the shorter the corresponding delay time is; on the contrary, if the hardware performance of the target terminal device is worse, the longer it takes to perform the same task, the longer the corresponding delay time is.

In some optional implementations, each first screen function module may include an attribute value read/write interface and a logical operation interface; and correspondingly, the above process 300 may also include the following 304:

Step 304, in response to detecting the calling operation for the logical operation class interface in the first screen function module whose display timing type is lazy loading display, perform a user interface creation operation for the first screen function module, and re-render and refresh the first screen. screen page.

That is, if the logical operation in the first screen function module of the lazy loading display type is called, the user interface of the first screen function module is created, and the first screen page is re-rendered and refreshed, so as to realize the display when needed. Effect.

Referring next to FIG. 4 , FIG. 4 is an application scenario diagram according to an embodiment of the first screen page presentation method shown in FIG. 3A . As shown in FIG. 4 , a target application is installed in the terminal device 401. After the target application is started, the terminal device 401 will execute the following steps 402 to 40N:

Step 402: Obtain the first screen page layout and the first screen function module set of the target application.

Here, the specific operations of step 402 and the resulting technical effects are basically the same as the operations and effects of step 301 in the embodiment shown in FIG. 3A , and will not be repeated here.

Step 403: Determine the hardware performance category of the target terminal device according to the hardware parameter information of the target terminal device.

Here, the specific operation of step 403 and the technical effect produced by it are basically the same as the operation and effect of step 304 in the embodiment shown in FIG. 3A , and will not be repeated here.

Step 404: Determine whether a traversal operation has been performed for each first screen functional module.

Here, if the terminal device 401 determines in step 404 that the traversal operation has been performed for each of the first screen function modules, it can go to step 405 to perform. If it is determined that there is still at least one above-the-fold function module that has not performed the traversal operation, the process may go to step 406 to execute, that is, to perform rendering and presentation of the above-the-fold page.

Step 406, select a first screen function module that has not performed the traversal operation as the target first screen function module.

Here, the terminal device 401 may, in the case where it is determined in step 402 that there is at least one above-the-fold function module that has not performed the traversal operation, select one that has not performed the traversal operation from the at least one above-the-fold function module that has not performed the traversal operation. The above-the-fold function module is used as the target above-the-fold function module. Then, go to step 407 to execute.

Step 407: Determine the display timing type of the target first screen function module.

If it is determined that the display timing type of the target above-the-fold function module is the above-the-fold page display, go to step 408 to execute.

If it is determined that the display timing type of the target first screen function module is lazy loading display, go to step 409 to execute.

If it is determined that the display timing type of the target first screen function module is delayed display, go to step 410 to execute.

Step 408, performing a user interface creation operation for the target first screen function module.

Here, the specific operation of step 405 and the technical effect produced by it are basically the same as the operation and effect of step 3022 in the embodiment shown in FIG. 3B , and are not repeated here.

Here, the terminal device may go to step 409 to execute after executing step 408 .

Step 409 , marking the target above-the-fold function module as having performed the traversal operation.

Here, after performing step 409, the terminal device may go to step 404 to continue the execution. That is, it continues to determine whether there is a function module above the fold that has not performed the traversal operation.

Step 410: Determine the delay duration corresponding to the target first screen function module, and after delaying the determined delay duration, in response to the user interface creation operation not being performed for the target first screen function module, execute the user interface creation operation for the target first first screen function module. Interface creation operations, re-rendering and rendering of the above-the-fold page.

Here, the specific operation of step 405 and the technical effect produced by it are basically the same as the operation and effect of step 3023 in the embodiment shown in FIG. 3B , and are not repeated here.

Here, after performing step 410, the terminal device may proceed to step 409 for execution.

Step 405: Render the above-the-fold page based on the layout of the above-the-fold page and the generated user interfaces, and present the rendered above-the-fold page.

Here, the terminal device 401 may perform step 405 when it is determined in step 404 that all the above-the-fold functional modules have performed the traversal operation, and then implement the presentation of the above-the-fold page.

Here, the specific operation of step 405 and the technical effect produced by it are basically the same as the operation and effect of step 303 in the embodiment shown in FIG. 3A , and are not repeated here.

As can be seen from FIG. 3A , compared with the embodiment corresponding to FIG. 2 , the process 300 of the first screen page presentation method in this embodiment divides the first screen function module into three parts: first screen display, lazy loading display and delayed display. It can improve the display speed of the first screen while enriching the function module types in the first screen page of the target application.

Further referring to FIG. 5 , as an implementation of the methods shown in the above figures, the present disclosure provides an embodiment of an apparatus for presenting a page above the fold. The apparatus embodiment corresponds to the method embodiment shown in FIG. 2 . The apparatus Specifically, it can be applied to various electronic devices.

As shown in FIG. 5 , the apparatus 500 for presenting a first screen page in this embodiment includes: an acquiring unit 501 , a traversing unit 502 and a presenting unit 503 . Wherein, the obtaining unit 501 is configured to obtain the first screen page layout and the first screen function module set of the target application; the traversing unit 502 is configured to perform the following traversal operations for each of the first screen function modules: in response to determining the first screen function module The display timing type of the screen function module is the first screen page display, and the following user interface creation operations are performed for the first screen function module: According to the current attribute value of the relevant attribute displayed on the user interface of the first screen function module, create the first screen function module. user interface; and adding the created user interface to the area corresponding to the above-the-fold function module in the above-the-fold page layout; and the presentation unit 503 is configured to be based on the above-the-fold page layout and the generated user interface The interface renders the above-the-fold page, and presents the rendered above-the-fold page.

In this embodiment, for the specific processing of the acquiring unit 501 , the traversing unit 502 and the presenting unit 503 of the apparatus 500 for presenting a page above the fold, and the technical effects brought about by them, please refer to steps 201 , 202 and 202 in the corresponding embodiment of FIG. 2 , respectively. The relevant description of step 203 is not repeated here.

In some optional implementations, the traversal operation may further include: in response to determining that the display timing type of the above-the-fold functional module is lazy loading display, ending the traversal operation for the above-the-fold functional module.

In some optional implementation manners, the traversal operation may further include: in response to determining that the display timing type of the first screen function module is delayed display, determining a delay time length corresponding to the first screen function module, delaying After the determined delay time, in response to the user interface creation operation not being performed for the first screen function module, the user interface creation operation is performed for the first screen function module, and the first screen page is re-rendered and refreshed .

In some optional embodiments, the apparatus 500 may further include: a performance determination unit (not shown in FIG. 5 ), configured to perform the following traversal operation for each of the above-the-fold functional modules: according to the target hardware parameter information of the terminal device, to determine the hardware performance category of the target terminal device, wherein the target terminal device is the terminal device that obtains the first screen page layout and the first screen function module set of the target application; and the determining The delay time length corresponding to the first screen function module includes: according to the corresponding relationship between the first screen function module and the hardware performance category and the delay time length, determining the hardware related to the first screen function module and the target terminal device The delay duration corresponding to the two performance categories; and the determined delay duration is determined as the delay duration corresponding to the first screen function module.

In some optional implementation manners, each first screen function module may include an attribute value read/write interface and a logical operation interface; and the apparatus 500 may further include: a lazy loading display unit (not shown in FIG. 5 ), is configured to, in response to detecting an invocation operation for the logic operation class interface in the first screen function module whose display timing type is lazy loading display, perform the user interface creation operation for the first screen function module, and re-create the user interface. Render and refresh the above-the-fold page.

It should be noted that, for the implementation details and technical effects of each unit in the above-the-fold page presentation apparatus 500 provided by the embodiments of the present disclosure, reference may be made to the descriptions of other embodiments in the present disclosure, which will not be repeated here.

Referring now to FIG. 6 , a schematic diagram of the structure of a computer system 600 suitable for implementing the electronic device of the present disclosure is shown. The computer system 600 shown in FIG. 6 is merely an example, and should not impose any limitations on the functionality and scope of use of the embodiments of the present disclosure.

As shown in FIG. 6, computer system 600 may include a processing device (eg, central processing unit, graphics processor, etc.) 601 that may be loaded into random access according to a program stored in read only memory (ROM) 602 or from storage device 608 Various appropriate actions and processes are executed by the programs in the memory (RAM) 603 . In the RAM 603, various programs and data necessary for the operation of the computer system 600 are also stored. The processing device 601 , the ROM 602 , and the RAM 603 are connected to each other through a bus 604 . An input/output (I/O) interface 605 is also connected to bus 604 .

Generally, the following devices can be connected to the I/O interface 605: input devices 606 including, for example, a touch screen, touch pad, keyboard, mouse, camera, microphone, etc.; output devices 607 including, for example, a liquid crystal display (LCD), speakers, vibrators, etc. ; including storage devices 608 such as magnetic tapes, hard disks, etc.; and communication devices 609 . Communication means 609 may allow computer system 600 to communicate wirelessly or by wire with other devices to exchange data. Although FIG. 6 illustrates a computer system 600 of an electronic device having various means, it should be understood that not all of the illustrated means are required to be implemented or provided. More or fewer devices may alternatively be implemented or provided.

In particular, according to embodiments of the present disclosure, the processes described above with reference to the flowcharts may be implemented as computer software programs. For example, embodiments of the present disclosure include a computer program product comprising a computer program carried on a computer-readable medium, the computer program containing program code for performing the method illustrated in the flowchart. In such an embodiment, the computer program may be downloaded and installed from the network via the communication device 609 , or from the storage device 608 , or from the ROM 602 . When the computer program is executed by the processing apparatus 601, the above-described functions defined in the methods of the embodiments of the present disclosure are executed.

It should be noted that the computer-readable medium mentioned above in the present disclosure may be a computer-readable signal medium or a computer-readable storage medium, or any combination of the above two. The computer-readable storage medium can be, for example, but not limited to, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus or device, or a combination of any of the above. More specific examples of computer readable storage media may include, but are not limited to, electrical connections with one or more wires, portable computer disks, hard disks, random access memory (RAM), read only memory (ROM), erasable Programmable read only memory (EPROM or flash memory), fiber optics, portable compact disk read only memory (CD-ROM), optical storage devices, magnetic storage devices, or any suitable combination of the foregoing. In this disclosure, a computer-readable storage medium may be any tangible medium that contains or stores a program that can be used by or in conjunction with an instruction execution system, apparatus, or device. In the present disclosure, however, a computer-readable signal medium may include a data signal propagated in baseband or as part of a carrier wave with computer-readable program code embodied thereon. Such propagated data signals may take a variety of forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination of the foregoing. A computer-readable signal medium can also be any computer-readable medium other than a computer-readable storage medium that can transmit, propagate, or transport the program for use by or in connection with the instruction execution system, apparatus, or device . Program code embodied on a computer readable medium may be transmitted using any suitable medium including, but not limited to, electrical wire, optical fiber cable, RF (radio frequency), etc., or any suitable combination of the foregoing.

The above-mentioned computer-readable medium may be included in the above-mentioned electronic device; or may exist alone without being assembled into the electronic device.

The above-mentioned computer-readable medium carries one or more programs, and when the above-mentioned one or more programs are executed by the electronic device, the electronic device is made to realize the first embodiment shown in the embodiment shown in FIG. 2 and its optional implementations. A screen page presentation method, and/or the first screen page presentation method shown in the embodiment shown in FIG. 3A and its optional implementation manner.

Computer program code for carrying out operations of the present disclosure may be written in one or more programming languages, including object-oriented programming languages—such as Java, Smalltalk, C++, but also conventional Procedural programming language - such as the "C" language or similar programming language. The program code may execute entirely on the user's computer, partly on the user's computer, as a stand-alone software package, partly on the user's computer and partly on a remote computer, or entirely on the remote computer or server. In the case of a remote computer, the remote computer may be connected to the user's computer through any kind of network, including a local area network (LAN) or a wide area network (WAN), or may be connected to an external computer (eg, using an Internet service provider through Internet connection).

The flowchart and block diagrams in the Figures illustrate the architecture, functionality, and operation of possible implementations of systems, methods and computer program products according to various embodiments of the present disclosure. In this regard, each block in the flowchart or block diagrams may represent a module, segment, or portion of code that contains one or more logical functions for implementing the specified functions executable instructions. It should also be noted that, in some alternative implementations, the functions noted in the blocks may occur out of the order noted in the figures. For example, two blocks shown in succession may, in fact, be executed substantially concurrently, or the blocks may sometimes be executed in the reverse order, depending upon the functionality involved. It is also noted that each block of the block diagrams and/or flowchart illustrations, and combinations of blocks in the block diagrams and/or flowchart illustrations, can be implemented in dedicated hardware-based systems that perform the specified functions or operations , or can be implemented in a combination of dedicated hardware and computer instructions.

The units involved in the embodiments of the present disclosure may be implemented in software or hardware. Wherein, the name of the unit does not constitute a limitation of the unit itself under certain circumstances. For example, the obtaining unit may also be described as "a unit for obtaining the above-the-fold page layout of the target application and the set of above-the-fold function modules".

The above description is merely a preferred embodiment of the present disclosure and an illustration of the technical principles employed. Those skilled in the art should understand that the scope of the disclosure involved in the present disclosure is not limited to the technical solutions formed by the specific combination of the above-mentioned technical features, and should also cover, without departing from the above-mentioned disclosed concept, the technical solutions formed by the above-mentioned technical features or Other technical solutions formed by any combination of its equivalent features. For example, a technical solution is formed by replacing the above-mentioned features with the technical features disclosed in the present disclosure (but not limited to) with similar functions.

Claims (12)

1. A method for presenting a first screen page, comprising: Get the first screen page layout and first screen function module collection of the target application; For each of the above-the-fold function modules, perform the following traversal operations: in response to determining that the display timing type of the above-the-fold function module is the display of the above-the-fold page, perform the following user interface creation operation for the above-the-fold function module: according to the above-the-fold function module The user interface displays the current attribute value of the relevant attribute, creates the user interface of the above-the-fold function module; and adds the created user interface to the area corresponding to the above-the-fold function module in the above-the-fold page layout; The above-the-fold page is rendered based on the layout of the above-the-fold page and the generated user interfaces, and the rendered above-the-fold page is presented. 2. The method of claim 1, wherein the traversal operation further comprises: In response to determining that the display timing type of the above-the-fold function module is lazy loading display, the traversal operation for the above-the-fold function module is ended. 3. The method according to claim 1 or 2, wherein the traversal operation further comprises: In response to determining that the display timing type of the above-the-fold function module is delayed display, determine the delay time length corresponding to the above-the-fold function module, and after delaying the determined delay time, in response to not being executed for the above-the-fold function module Through the user interface creation operation, the user interface creation operation is performed for the first screen function module, and the first screen page is re-rendered and refreshed. 4. The method according to claim 3, wherein, before performing the following traversal operation for each of the above-the-fold functional modules, the method further comprises: Determine the hardware performance category of the target terminal device according to the hardware parameter information of the target terminal device, wherein the target terminal device is the terminal device that obtains the first screen page layout and the first screen function module set of the target application; and The determining the delay time length corresponding to the first screen function module includes: According to the correspondence between the above-the-fold function module and the hardware performance category and the delay duration, determine the delay duration corresponding to both the above-the-fold function module and the hardware performance category of the target terminal device; and The determined delay duration is determined as the delay duration corresponding to the first screen function module. 5. The method according to claim 1, wherein each first screen function module comprises an attribute value read-write class interface and a logic operation class interface; and The method also includes: In response to detecting the invocation operation for the logical operation class interface in the first screen function module whose display timing type is lazy loading display, perform the user interface creation operation for the first screen function module, and re-render and refresh The above-the-fold page. 6. A first screen page presentation device, comprising: The obtaining unit is configured to obtain the first screen page layout and the first screen function module set of the target application; The traversal unit is configured to perform the following traversal operations for each of the above-the-fold functional modules: in response to determining that the display timing type of the above-the-fold functional module is the display of the above-the-fold page, perform the following user interface creation operations for the above-the-fold functional module: According to the current attribute value of the relevant attribute displayed on the user interface of the above-the-fold function module, the user interface of the above-the-fold function module is created; and the created user interface is added to the above-the-fold page layout and the above-the-fold function module is added. the corresponding area; A rendering unit, configured to render the above-the-fold page based on the layout of the above-the-fold page and the generated user interfaces, and to present the rendered above-the-fold page. 7. The apparatus of claim 6, wherein the traversal operation further comprises: In response to determining that the display timing type of the above-the-fold function module is lazy loading display, the traversal operation for the above-the-fold function module is ended. 8. The apparatus according to claim 6 or 7, wherein the traversal operation further comprises: In response to determining that the display timing type of the above-the-fold function module is delayed display, determine the delay time length corresponding to the above-the-fold function module, and after delaying the determined delay time, in response to not being executed for the above-the-fold function module Through the user interface creation operation, the user interface creation operation is performed for the first screen function module, and the first screen page is re-rendered and refreshed. 9. The apparatus of claim 8, wherein the apparatus further comprises: The performance determination unit is configured to perform the following traversal operations for each of the above-the-fold functional modules: Determine the hardware performance category of the target terminal device according to the hardware parameter information of the target terminal device, wherein the target terminal device is the terminal device that obtains the first screen page layout and the first screen function module set of the target application; and The determining the delay time length corresponding to the first screen function module includes: According to the correspondence between the above-the-fold function module and the hardware performance category and the delay duration, determine the delay duration corresponding to both the above-the-fold function module and the hardware performance category of the target terminal device; and The determined delay duration is determined as the delay duration corresponding to the first screen function module. 10. The device according to claim 6, wherein each first screen function module comprises an attribute value read-write interface and a logic operation interface; and The device also includes: The lazy loading display unit is configured to execute the user interface for the first first screen function module in response to detecting a call operation for the logic operation class interface in the first screen function module whose display timing type is lazy loading display Create an action, and re-render and refresh the above-the-fold page. 11. An electronic device comprising: one or more processors; a storage device on which one or more programs are stored, The one or more programs, when executed by the one or more processors, cause the one or more processors to implement the method of any of claims 1-5. 12. A computer-readable storage medium having stored thereon a computer program, wherein the computer program, when executed by one or more processors, implements the method of any one of claims 1-5.

Images