Method for rendering page, method for providing rendering information, related device and computer program product
By dynamically selecting temporary page content in collaboration between the client and server and replacing it when the rendering progress reaches a threshold, the problem of poor user experience during page rendering is solved, and the user's rendering waiting experience is improved.
Patent Information
- Authority / Receiving Office
- CN · China
- Patent Type
- Applications(China)
- Current Assignee / Owner
- Filing Date
- 2025-12-17
- Publication Date
- 2026-04-10
AI Technical Summary
During page rendering, the user experience is poor, especially since detailed page rendering actions take time, resulting in a fragmented visual experience and a decline in overall user experience.
After receiving rendering information from the server, the client retrieves the temporary page content via a link and replaces it with the target page content when the rendering progress reaches a threshold. The server then uses the target page content for rendering. The server determines the temporary page content based on the theme of the target page and generates rendering information, which is then sent to the client.
By dynamically selecting temporary page content, the user experience is improved by avoiding a significant difference between the temporary page and the target page content, thus enhancing the user's rendering waiting experience.
Smart Images

Figure CN121834072A_ABST
Abstract
Description
Technical Field
[0001] This application relates to the field of computer technology, and in particular to a method and apparatus for rendering a page and providing rendering information, electronic devices, computer-readable media, and computer program products. Background Technology
[0002] In modern internet applications, page rendering technology has become an important means of improving user experience and interactive performance. This technology effectively presents static and dynamic content to users, allowing them to efficiently and vividly access online content through rendered pages. Correspondingly, based on page rendering technology, the rendered pages provide users with rich visual effects and a smooth user experience.
[0003] Typically, the server generates rendering information (or rendering resources / files) based on the user's request and the content they expect to display, and then sends this rendering information to the client. Upon receiving this rendering information, the client can then perform local rendering to obtain the page and present it to the user.
[0004] Since detailed and high-quality page rendering often requires a certain amount of processing time, improving the user experience while waiting for rendering is a matter of concern and urgent need. Summary of the Invention
[0005] This application provides a method, apparatus, electronic device, computer-readable storage medium, and computer program product for rendering a page and providing rendering information. These methods and apparatuses can dynamically select temporary page content that is pre-presented and used to "place" page content using the content of the page to be rendered. This avoids a disconnect in the user's visual experience caused by a large difference between the temporary page content and the page to be rendered, and improves the user's rendering waiting experience.
[0006] One aspect of this application provides a method for rendering a page, applied to a client, comprising: receiving rendering information from a server for a page to be rendered; in response to the rendering information including a retrieval link for obtaining temporary page content, retrieving the temporary page content through the retrieval link, wherein the temporary page content is determined based on the content theme of the target page content of the page to be rendered; presenting the temporary page content and starting to render the target page content; and in response to the rendering progress of the target page content being greater than or equal to a progress threshold, replacing the temporary page content with the target page content.
[0007] Another aspect of this application provides a method for providing rendering information, applied to a server, comprising: determining temporary page content based on the content theme of the target page content of the page to be rendered; generating rendering information for the page to be rendered based on the target page content of the page to be rendered and an acquisition link for obtaining the temporary page content; and sending the rendering information for the page to be rendered to the client.
[0008] Another aspect of this application provides an apparatus for rendering a page, applied to a client, comprising: a rendering information receiving module configured to receive rendering information sent by a server for a page to be rendered; a temporary content acquisition module configured to acquire temporary page content via an acquisition link included in the rendering information, wherein the temporary page content is determined based on the content theme of the target page content of the page to be rendered; a temporary presentation and rendering execution module configured to present the temporary page content and begin rendering the target page content; and a temporary content replacement module configured to replace the temporary page content with the target page content in response to the rendering progress of the target page content being greater than or equal to a progress threshold.
[0009] Another aspect of this application provides an apparatus for providing rendering information, applied to a server, comprising: a temporary content determination module configured to determine temporary page content based on the content theme of the target page content of the page to be rendered; a rendering information generation module configured to generate rendering information for the page to be rendered based on the target page content of the page to be rendered and an acquisition link for acquiring the temporary page content; and a rendering information delivery module configured to deliver the rendering information for the page to be rendered to a client.
[0010] In another aspect of this application, an electronic device is provided, comprising: at least one processor; and a memory communicatively connected to the at least one processor; wherein the memory stores instructions executable by the at least one processor, the instructions being executed by the at least one processor to enable the at least one processor to perform the methods for rendering a page as provided above and / or the methods for providing rendering information.
[0011] In another aspect, this application provides a computer-readable storage medium having stored thereon computer program instructions that can be executed by a processor to implement the methods for rendering a page and / or providing rendering information as provided above.
[0012] Another aspect of this application is a computer program product that includes a computer program having stored computer program instructions thereon, which, when executed by a processor, can implement the methods for rendering pages and / or providing rendering information as provided above.
[0013] In the solution provided in this application embodiment, for the client, rendering information sent by the server for the page to be rendered is received; in response to the rendering information including a retrieval link for obtaining temporary page content, the temporary page content is obtained through the retrieval link, wherein the content theme of the temporary page content is determined based on the content theme of the target page content of the page to be rendered; the temporary page content is presented, and the rendering of the target page content begins; in response to the rendering progress of the target page content being greater than or equal to a progress threshold, the temporary page content is replaced with the target page content.
[0014] Correspondingly, the server can determine the temporary page content based on the content theme of the target page content of the page to be rendered; generate rendering information for the page to be rendered based on the target page content of the page to be rendered and the retrieval link used to obtain the temporary page content; and send the rendering information for the page to be rendered to the client.
[0015] Therefore, it is possible to dynamically select temporary page content that has been pre-presented and used as a "placeholder" for the page content by utilizing the content of the page to be rendered, so as to avoid the user's visual experience being disconnected due to the large difference between the temporary page content and the page to be rendered, and improve the user's rendering waiting experience. Attached Figure Description
[0016] To more clearly illustrate the technical solutions in the embodiments of this application, the drawings used in the description of the embodiments or the prior art will be briefly introduced below. Obviously, the drawings described below are some embodiments of this application. For those skilled in the art, other drawings can be obtained based on these drawings without creative effort.
[0017] Other features, objects, and advantages of this application will become more apparent from the following detailed description of non-limiting embodiments with reference to the accompanying drawings:
[0018] Figure 1 A schematic diagram illustrating a page rendering process provided in an embodiment of this application;
[0019] Figure 2 A schematic diagram illustrating another page rendering process provided in an embodiment of this application;
[0020] Figure 3 A schematic diagram illustrating a process of providing rendering information, provided as an embodiment of this application;
[0021] Figure 4 A schematic diagram illustrating a complete process consisting of a page rendering process and a rendering information provision process in an application scenario, provided as another embodiment of this application;
[0022] Figure 5A schematic diagram of the structure of an apparatus for rendering a page provided in an embodiment of this application;
[0023] Figure 6 This is a schematic diagram of the structure of an apparatus for providing rendering information provided in an embodiment of this application;
[0024] Figure 7 This is a schematic diagram of the structure of an electronic device suitable for implementing the solutions in the embodiments of this application.
[0025] The same or similar reference numerals in the accompanying drawings represent the same or similar parts. Detailed Implementation
[0026] To make the objectives, technical solutions, and advantages of the embodiments of this application clearer, the technical solutions of the embodiments of this application will be clearly and completely described below with reference to the accompanying drawings. Obviously, the described embodiments are only some embodiments of this application, not all embodiments. Based on the embodiments of this application, all other embodiments obtained by those skilled in the art without creative effort are within the scope of protection of this application.
[0027] In a typical configuration of this application, the terminal and the service network devices each include one or more processors (CPUs), input / output interfaces, network interfaces, and memory.
[0028] Memory may include non-persistent storage in computer-readable media, such as random access memory (RAM) and / or non-volatile memory, such as read-only memory (ROM) or flash RAM. Memory is an example of computer-readable media.
[0029] Computer-readable media include permanent and non-permanent, removable and non-removable media, which can store information by any method or technology. Information can be computer program instructions, data structures, program modules, or other data. Examples of computer storage media include, but are not limited to, phase-change memory (PRAM), static random access memory (SRAM), dynamic random access memory (DRAM), other types of random access memory (RAM), read-only memory (ROM), electrically erasable programmable read-only memory (EEPROM), flash memory or other memory technologies, read-only optical disc (CD-ROM), digital versatile optical disc (DVD) or other optical storage, magnetic tape, magnetic disk storage or other magnetic storage devices, or any other non-transfer medium that can be used to store information accessible by a computing device.
[0030] As discussed above, improving the user experience while waiting for rendering is a crucial and urgent need.
[0031] In some solutions, a blank page is provided during the rendering process to ask the user to wait for the page to render, and to allow the user to understand that the page is currently in the rendering process through the blank page.
[0032] However, in this approach, because the blank page is unrelated to the content of the subsequent rendered page, it not only leads to user loss due to the difficulty in obtaining useful information from the blank page, but also creates a noticeable sense of disconnect when switching to the actual target page content in the rendered page, thus reducing the user experience.
[0033] In response, this application provides a method for rendering a page, applied to a client. The method receives rendering information from a server for a page to be rendered; in response to the rendering information including a link for obtaining temporary page content, the method obtains the temporary page content through the link, wherein the temporary page content is determined based on the content theme of the target page content of the page to be rendered; the method presents the temporary page content and begins rendering the target page content; in response to the rendering progress of the target page content being greater than or equal to a progress threshold, the method replaces the temporary page content with the target page content.
[0034] Accordingly, this application also provides a method for providing rendering information, applied to a server. The method determines temporary page content based on the content theme of the target page content of the page to be rendered; generates rendering information for the page to be rendered based on the target page content of the page to be rendered and the acquisition link used to obtain the temporary page content; and sends the rendering information for the page to be rendered to the client.
[0035] Therefore, it is possible to dynamically select temporary page content that has been pre-presented and used as a "placeholder" for the page content by utilizing the content of the page to be rendered, so as to avoid the user's visual experience being disconnected due to the large difference between the temporary page content and the page to be rendered, and improve the user's rendering waiting experience.
[0036] In practical scenarios, the client and server can correspond to user devices, or devices formed by the integration of user devices and network devices through a network (for example, in some scenarios, a client can be specifically understood as the terminal device used by the user, such as a mobile phone; similarly, a server can be specifically understood as a network device such as a server), or it can be an application running on the aforementioned devices (for example, a "software client" such as a web browser running on a mobile phone, or a "software server" running on a server to provide rendering resources and rendering information to the web browser). User devices include, but are not limited to, various terminal devices such as computers, mobile phones, tablets, smartwatches, and wristbands. Network devices include, but are not limited to, network hosts, single network servers, multiple network server sets, or cloud computing-based computer sets. Here, the cloud consists of a large number of hosts or network servers based on cloud computing, where cloud computing is a type of distributed computing, consisting of a virtual computer composed of a group of loosely coupled computer sets.
[0037] When the executing entity is software, it can be installed in the electronic devices listed above. It can be implemented as multiple software programs or software modules, or as a single software program or software module, without specific limitations.
[0038] It should be understood that the above examples of deploying the client on the user's device and the server on the server are merely illustrative for ease of understanding and are not intended to restrict such deployment relationships. For example, in practice, based on differences in rendering modes, the client may also be deployed on a network device such as a server (e.g., in the scenario of "server rendering," the client may also be deployed on the server), and the server may also be deployed on the user's device (e.g., in collaborative rendering between user devices, content delivery scenarios, etc.).
[0039] It should be understood that in the technical solutions involved in this application, if certain data or content involves users' personal information, for example, because this application needs to parse the "content theme" of the page to be rendered, it needs to actually read the actual content of the "page to be rendered" that includes personal information, in such cases, the acquisition, storage, use, processing, transportation, provision and disclosure of users' personal information involved in this application are all authorized by the user and known to the user, and comply with the provisions of relevant laws and regulations, and do not violate public order and good morals.
[0040] First, please refer to Figure 1 . Figure 1This application illustrates a page rendering process 100 according to an embodiment of the present application. Process 100 can be implemented by a client. Process 100 includes at least the following processing steps:
[0041] (Step) S101, Receive rendering information sent by the server for the page to be rendered;
[0042] For ease of understanding, the client is described as an "execution subject" in the embodiments of this application. In the embodiments of this application, as discussed above, the execution subject may receive rendering information issued by the server for the page to be rendered, or, depending on the scenario, this rendering information may also be referred to as rendering resources or rendering files.
[0043] For example, rendering information can be a Web (World Wide Web) link. For a "page to be rendered" that will be presented to a page, the server can generate a Web (World Wide Web) link for that page based on the rendering logic and content. This allows the executing entity to load and obtain the necessary rendering resources through the Web link and perform rendering according to the indicated rendering logic to render the "page to be rendered." Correspondingly, the actual, should, and ultimately included content in the page to be rendered can be described as "target page content." For example, if the page to be rendered is a video page, the target page content could be the video content, video description information, comment information, etc., included in the video page.
[0044] Accordingly, for example, when the page to be rendered is a video page, the rendering information server can generate a web link as rendering information based on the video content, video description information, comment information, etc. included in the video page. This allows the executing entity to render the "target page content" such as the video presentation area, video description information area, and comment information area based on the web link, and then generate and render the video page that can be finally presented to the user.
[0045] It should be understood that in some special scenarios, such as the server-side rendering scenario discussed above, the "client" can also be understood as the module or unit in the server that performs the "page rendering action," which will not be repeated here.
[0046] In some embodiments, the page to be rendered may be a "subpage" included within other complete pages, depending on the scenario and the content provided. For example, in a scenario where the function of the page to be rendered is to collect user feedback (e.g., feelings about the "video") and recommend products and services to the user, the page to be rendered may also be presented as a "subpage" in an area of a complete page, such as one used to present or provide the video (e.g., a "floating page" that floats above the content of the complete page in that area).
[0047] In embodiments of this application, the web link serving as rendering information may include a retrieval link for obtaining temporary page content. For example, this retrieval link may be provided in the web link using a Picture Uniform Resource Locator (Picurl).
[0048] The content of this temporary page, as discussed above or as will be explained in detail below, refers to content that is presented to the user temporarily and alternatively while the main content is being rendered. Examples include still images, animated images, videos, etc.
[0049] In embodiments of this application, the temporary page content can be determined based on the content theme of the target page content of the page to be rendered. For example, as described below using process 300 for providing rendering information, the server can, after determining the page to be rendered, determine the temporary page content based on the content theme of the target page content. Accordingly, this part can be referred to the content discussed in process 300, and will not be described in detail here.
[0050] Next, if the rendering information includes a retrieval link for obtaining temporary page content, the executing entity can respond to this and choose to continue executing S102.
[0051] S102, in response to the rendering information including a retrieval link for obtaining temporary page content, the temporary page content is retrieved via the retrieval link;
[0052] In embodiments of this application, if the rendering information includes a retrieval link for obtaining temporary page content, the executing entity can respond by retrieving the temporary page content through the retrieval link. For example, the executing entity can access the retrieval link to go to the target location corresponding to the retrieval link and retrieve the temporary page content from that target location.
[0053] S103, present the temporary page content and begin rendering the target page content;
[0054] In the embodiments of this application, after obtaining the temporary page content based on the above-described S102, the executing entity can present the temporary page content before actually starting the process of rendering the target page content of the page to be rendered. For example, the executing entity can take the moment of presenting the temporary page content as the "starting point" for rendering the target page content, and start rendering the target page content of the page to be rendered after presenting the temporary page content.
[0055] Accordingly, by using temporary page content, the executing entity can provide feedback to the user before rendering the target page content, so that the user can obtain, view, or interact with the temporary page content while waiting for the main content to be rendered.
[0056] It should be understood that in some embodiments, temporary page content may be presented after rendering begins (or the two processes of presenting temporary page content and starting to render target page content are executed in parallel and simultaneously). However, for timing considerations (e.g., providing feedback content to the user earlier) and resource concentration considerations, it is usually preferable to start rendering target page content after prioritizing the concentration of computing resources to present temporary page content.
[0057] Then, after the execution entity has presented the temporary page content and started the rendering action for the target page content, the execution entity can continuously monitor the rendering progress of the target page content (i.e., the actual and expected final page content to be provided to the user by the aforementioned page to be rendered).
[0058] If the rendering progress of the target page content is greater than or equal to the progress threshold, the executing entity can respond to this and continue to execute (step) S104.
[0059] S104, in response to the rendering progress of the target page content being greater than or equal to the progress threshold, replace the temporary page content with the target page content.
[0060] In embodiments of this application, if the rendering progress of the target page content is greater than or equal to a progress threshold, the executing entity can respond by choosing to replace the temporary page content with the (already rendered) target page content, thereby achieving the switch between temporary content and final, real content. For example, the executing entity can delete the content in the temporary page content corresponding to the already rendered target page content and correspondingly fill in the already rendered target page content to complete the replacement between the two.
[0061] Typically, the aforementioned progress threshold can be set based on the assumption that the target page content has been rendered and expressed relatively completely. For example, in a video page, the rendering progress of the area associated with the video playback function can be selected after rendering is complete. This progress threshold can be set so that users can obtain the actual content of the page to be rendered as soon as possible after the "main" function is completed.
[0062] Subsequently, the page rendering method provided in this application is applied to a client. The client receives rendering information from the server for the page to be rendered; in response to the rendering information including a link for obtaining temporary page content, the client obtains the temporary page content through the link, wherein the content theme of the temporary page content is determined based on the content theme of the target page content of the page to be rendered; the client presents the temporary page content and begins rendering the target page content; in response to the rendering progress of the target page content being greater than or equal to a progress threshold, the client replaces the temporary page content with the target page content. Therefore, it is possible to dynamically select pre-presented temporary page content used as a "placeholder" for page content using the content of the page to be rendered, avoiding a disconnect in the user's visual experience caused by excessive differences between the temporary page content and the page to be rendered, and improving the user's rendering waiting experience.
[0063] In some embodiments, in order to improve the visual effect of the replacement process and avoid the user feeling "abrupt" due to the replacement action, the executing entity may also choose to complete the replacement action by fading or fading out.
[0064] For easier understanding, you can also refer to the following: Figure 2 . Figure 2 This illustrates another page rendering process 200 provided in an embodiment of this application.
[0065] Process 200 includes at least the following processing steps:
[0066] S201, Receive rendering information sent by the server for the page to be rendered;
[0067] S202, in response to the rendering information including a retrieval link for obtaining temporary page content, the temporary page content is retrieved via the retrieval link;
[0068] The above-described S201-S202 are equivalent to the implementation of S101-S102 shown in process 100. For the same parts, please refer to the corresponding parts of the previous embodiment, which will not be repeated here.
[0069] S203, generate the first page layer and the second page layer;
[0070] Specifically, during the rendering process of the page to be rendered, the executing entity can generate two page layers: a first page layer and a second page layer. The first page layer is positioned above the second page layer; that is, the first page layer can be understood as floating above the second page layer. Correspondingly, when content (e.g., pixels, images) exists in the first page layer, that content will obscure the content at the corresponding position in the second page layer.
[0071] S204, Utilize the first page layer to present temporary page content;
[0072] Specifically, in such a case, the executing entity can use the first page layer, which is located above the second page layer and floats above the second page layer, to present the temporary page content.
[0073] S205, begin rendering the target page content using the second page layer;
[0074] Specifically, in such a case, the executing entity can choose to use the second page layer to render the target page content of the page to be rendered; that is, the rendering result of the target page content of the page to be rendered will fall on the "second page layer" accordingly.
[0075] Therefore, by using these two page layers, the executing entity can switch between them by adjusting the presentation relationship between the page layers. This not only prevents the loss of page content due to alignment deviations during the switching process, but also improves the switching efficiency.
[0076] Correspondingly, in the case of using two page layers to render the target page content and present the temporary page content, the executing entity can, in response to the rendering progress of the target page content being greater than or equal to the progress threshold, further improve the continuity of content switching by using the target page content to replace the temporary page content during the process of replacing the temporary page content with the target page content, and enhance the user's switching experience by (gradually) "transparently processing" the temporary page content.
[0077] Accordingly, after S205, the executing entity may, in response to the rendering progress of the target page content being greater than or equal to the progress threshold, choose to further execute S206 to replace the temporary page content with the target page content in a "transparent" manner.
[0078] S206, In response to the rendering progress of the target page content being greater than or equal to the progress threshold, read the page area in the second page layer that has been rendered;
[0079] Specifically, similar to process 100, if the rendering progress of the target page content is greater than or equal to the progress threshold, the executing entity can respond by selecting to read the page area that has already been rendered in the second page layer.
[0080] Typically, this page area can be determined based on pixel dimensions and the already rendered target page content. For example, this page area can be a graphic composed of all the complete pixel blocks (regular or irregular graphics are both acceptable).
[0081] In some embodiments, in order to achieve both functionality and visual appeal of the presented content, it is also possible to pre-define the content layout based on the target page content, dividing the page to be rendered into at least two page areas.
[0082] For example, the executing entity can divide the page to be rendered into at least two page areas based on the content layout of the various functional areas included in the page to be rendered; that is, each page area corresponds to a "functional area". For example, in the scenario of the video page mentioned above, the page area could be a video playback area, a video description information display area, and a video comment area, etc.
[0083] In this scenario, when the executing entity reads the "page area," it can actually read "these complete functional areas." Therefore, during this gradual replacement process, the rendering result of the target page content can be provided from the perspective of "complete functional units," ensuring that the presented rendering result is fully usable, at least within its corresponding functional scope. This avoids providing users with "intermediate rendering results" that cannot be directly and completely used, thus improving the user experience.
[0084] S207, by making the temporary page content transparent in the page area, continuously replaces the temporary page content with the target page content until the temporary page content is completely transparent.
[0085] Specifically, in this step, as discussed above, the executing entity may choose to continuously replace the temporary page content with the target page content by making the temporary page content transparent in the page area (for example, gradually reducing the transparency of the temporary page content in the page area until it is transparent) during the process of replacing the temporary page content with the target page content, until the temporary page content is completely transparent.
[0086] For example, after the execution entity begins replacing the temporary page content with the target page content (i.e., after the first detection that the rendering progress of the target page content is greater than or equal to the progress threshold, and begins to replace the existing replaceable page areas), it can continuously monitor the rendering status and progress of each page part and page area, and continuously perform such replacement actions as soon as new page areas that have been rendered are discovered (i.e., after the first detection that the rendering progress of the target page content is greater than or equal to the progress threshold, the newly appearing page areas that have been rendered), continuously replacing the temporary page content with the target page content until the temporary page content is completely transparent.
[0087] Based on any of the above embodiments, if the rendering information does not include a link to obtain the content, that is, the server does not provide temporary page content, then in such a case, the executing entity may respond by selecting to read the temporary page content based on a locally pre-maintained temporary page content library.
[0088] For example, a temporary page content library can be maintained locally on the executing entity in advance. The temporary page content in the library can be some temporary page content based on comforting statements, such as "Rendering is currently in progress, please wait patiently." In this way, even if the executing entity does not provide temporary page content on the server side, it can still use these pre-maintained temporary page contents to provide feedback to the user, interact with the user, and improve the user's waiting experience.
[0089] In some embodiments, if a temporary page content library is maintained, the executing entity may choose to use the temporary page content library to determine the temporary page content even if, for example, it obtains a retrieval link but does not actually obtain the temporary page content from the retrieval link (e.g., due to access timeout). This is to avoid situations such as displaying a blank page.
[0090] Next, we can further combine... Figure 3 This section will discuss and explain the process of the server providing rendering information. Figure 3 This application illustrates a process 300 for providing rendering information, which can be implemented by a server.
[0091] Process 300 includes at least the following processing steps:
[0092] S301, Determine the temporary page content based on the content theme of the target page content of the page to be rendered;
[0093] In the embodiments of this application, the server can determine the temporary page content based on the content theme of the target page content of the page to be rendered.
[0094] For example, after determining the target page content to be rendered, the server can perform semantic parsing on the included functions and content, classifying them into at least one content theme. For instance, the relationship between functions and content themes can be maintained in advance based on the functions that can be used to determine content themes, so that the server can clearly identify which functions need to be found and located, and determine and locate the content themes based on these functions.
[0095] For example, the content topic could be something related to the desired action or purpose of the target page content, such as "voting" or "providing a video about object X." Then, based on this content topic, the server can locate temporary content pages. The specific content included on these temporary content pages can be in various forms, such as text, images, and videos.
[0096] For example, if the page to be rendered is titled "Vote and Feedback on X," the executing entity can select to generate the temporary page content with explanatory and descriptive information about "X" based on the voting objective. For instance, in a poll asking whether to purchase a video, this temporary content page could be a descriptive page introducing the video's content.
[0097] It should be understood that the content of the temporary page can be generated and summarized by the server after obtaining data from a third-party data source based on its needs, or it can be the page provided by the third-party data source directly used as the aforementioned temporary content page after authorization from the third-party data source.
[0098] In some embodiments, the server may provide at least two temporary page contents. That is, the server may provide multiple candidate temporary page contents for selection at one time for the same page to be rendered, so as to meet the different and diverse needs of temporary page contents.
[0099] In such cases, in some embodiments, when determining temporary page content, the server can set corresponding performance standards for the same or different temporary page content based on the actual content included in the temporary page content. This allows the executing entity to select temporary page content more reasonably from the candidate temporary page content based on the performance standards. For example, the performance standards can be the communication performance standards between the server and the executing entity (e.g., communication rate, communication bandwidth, etc.), as well as the loading and rendering performance of the device running the client. For instance, for different devices A and B, based on their different hardware configurations, they can correspond to different performance standards, allowing the client to select temporary page content that better suits the performance of devices A and B. For example, if device A has a higher hardware configuration than device B, or in other words, device A has higher computing performance than device B, for the same specific content temporary page, device A can obtain and render the high-definition version, while device B can obtain the medium-definition version.
[0100] For example, the server can set corresponding performance standards for each temporary page content based on whether the temporary page content includes images or videos, and the resolution of the images, etc. (e.g., based on the communication performance required for the executing entity to render it within the required time).
[0101] In some embodiments, for a temporary page content, the server can also split it into multiple temporary page contents with the same content but different resolutions by changing the resolution, so as to correspond to different performance standards, so that the same content can be selected and used by the execution subject more reasonably and with better performance.
[0102] For example, temporary page content in the form of animated images can be specifically divided into candidate temporary page content such as low-resolution single images, high-resolution single images, low-resolution animated images, and high-resolution animated images, so that the executing entity can select appropriate temporary page content accordingly based on its different communication performance with the server.
[0103] Then, if there are at least two candidate temporary page contents corresponding to different performance standards, the server can actually encapsulate them together in the link retrieval process in this step. For example, the execution entity can use commas to separate at least two candidate temporary page contents when retrieving the link, so that the link can indicate and point to them simultaneously.
[0104] Accordingly, in such a case, when the aforementioned executing entity obtains temporary page content by acquiring links, it can actually select the candidate temporary page content that best meets and is closest to the performance standard from among the links after acquiring the links pointing to them, and use it as the temporary page content actually used.
[0105] That is, if the fetch link (at the same time) points to at least two candidate temporary page contents, the executing entity can, in the process of fetching temporary page contents through the fetch link, respond to this and, as an alternative, select the temporary page contents from the candidate temporary page contents based on local performance metrics.
[0106] Then, the content of the temporary page is actually retrieved from the target location for use in the subsequent steps described above.
[0107] Therefore, by setting the (candidate) temporary page content in this way, which corresponds to the performance standard, the executing entity can select the appropriate temporary page content based on its own situation, thereby improving the quality of use of the temporary page content.
[0108] In some embodiments, when the server chooses to provide or utilize the obtained links to point to at least two candidate temporary page contents, it may also provide the page layout of the candidate temporary page contents (e.g., the functions included therein, and the page positions corresponding to each function, etc.) in association with the candidate temporary page contents.
[0109] Accordingly, if, during the process of retrieving temporary page content via a link, the link points to at least two candidate temporary page contents, the executing entity can respond by choosing to read the page layout of the target page content first.
[0110] Then, the executing entity can further select temporary page content from the candidate temporary page content based on the page layout.
[0111] For example, the implementing entity can select the candidate temporary page content with the closest layout as the temporary page content, so that when it is replaced later using methods such as transparency, the two can be connected and continuous in the content presented on the page (e.g., the "function" implemented), so as to provide users with a better page replacement and page viewing experience.
[0112] S302, Based on the target page content of the page to be rendered and the retrieval link used to obtain temporary page content, generate rendering information for the page to be rendered;
[0113] In the embodiments of this application, as discussed above, after determining the content of the temporary page, the server can generate rendering information, such as a web link, for the page to be rendered based on its acquisition link and the target page content of the page to be rendered.
[0114] Then, through a predetermined communication path, the rendering information is sent to the execution subject via S303, so that the execution subject can execute the rendering page process as discussed in processes 100 and 200 above.
[0115] S303 sends rendering information for the page to be rendered to the client.
[0116] Subsequently, the method for providing rendering information provided in this application determines temporary page content based on the content theme of the target page content of the page to be rendered; generates rendering information for the page to be rendered based on the target page content of the page to be rendered and the acquisition link used to obtain the temporary page content; and sends the rendering information for the page to be rendered to the client.
[0117] Therefore, while providing the target page content to the client, temporary page content related to the content theme of the target page content can also be provided. This allows the client to dynamically select the pre-presented temporary page content used to "place" the page content, avoiding a disconnect in the user's visual experience caused by a large difference between the temporary page content and the page to be rendered, and improving the user's rendering waiting experience.
[0118] To enhance understanding, this application also provides a specific implementation scheme based on a particular application scenario, as shown in the figure. Figure 4 This illustrates a complete process 400, comprising a process for rendering a page and a process for providing rendering information, as provided in an embodiment of this application.
[0119] Process 400 may include client 410 and server 415.
[0120] In process 400, server 415 can first execute S401 to determine temporary page content 421 based on the content theme of the target page content 420 of the page to be rendered. For example, if the target page content 420 of the page to be rendered is a vote on "XX", server 415 can determine temporary page content 421 for introducing "XX" based on the "vote theme".
[0121] Next, the server 415 can generate rendering information 422 for the page to be rendered by executing S402, based on the target page content 420 of the page to be rendered and the retrieval link (e.g., "xx.yy.com / a / b / c") used to retrieve temporary page content 421.
[0122] Next, the server 415 can send rendering information 422 for the page to be rendered to the client 410 by executing S403.
[0123] Accordingly, after receiving the rendering information 422 of the page to be rendered, the client 410 can obtain the temporary page content 421 (and the "target page content" of the page to be rendered 420) by executing S404 through obtaining the link 422.
[0124] Then, client 410 can execute S405 to render temporary page content 421 and begin rendering the target page content 420 of the page to be rendered.
[0125] Then, the client 410 can respond if the rendering progress of the target page content 420 of the page to be rendered is greater than or equal to the progress threshold, and complete the rendering and presentation of the target page content 420 of the page to be rendered by replacing the temporary page content 421.
[0126] This application also provides an apparatus for rendering a page, the structure of which is as follows: Figure 5 The illustrated apparatus 500 can be applied to a client. Apparatus 500 includes: a rendering information receiving module 510, configured to receive rendering information sent by a server for a page to be rendered; a temporary content acquisition module 520, configured to acquire temporary page content via an acquisition link included in the rendering information, wherein the temporary page content is determined based on the content theme of the target page content of the page to be rendered; a temporary presentation and rendering execution module 530, configured to present the temporary page content and begin rendering the target page content; and a temporary content replacement module 540, configured to replace the temporary page content with the target page content in response to the rendering progress of the target page content being greater than or equal to a progress threshold.
[0127] In some embodiments, the temporary content acquisition module 520 is further configured to, in response to acquiring links pointing to at least two candidate temporary page contents, select temporary page content from the candidate temporary page contents based on local performance metrics, wherein each candidate temporary page content corresponds to a different performance metric.
[0128] In some embodiments, the temporary content acquisition module 520 is further configured to, in response to acquiring links pointing to at least two candidate temporary page contents, read the page layout of the target page content; and select temporary page content from the candidate temporary page contents based on the page layout.
[0129] In some embodiments, the temporary presentation and rendering execution module 530 includes: a page layer generation submodule configured to generate a first page layer and a second page layer, wherein the presentation position of the first page layer is above the second page layer; a temporary content presentation submodule configured to present temporary page content using the first page layer; and a target page content rendering submodule configured to start rendering target page content using the second page layer.
[0130] In some embodiments, the temporary content replacement module 540 includes: a page area reading submodule, configured to read the page area that has been rendered in the second page layer in response to the rendering progress of the target page content being greater than or equal to a progress threshold; and a transparency processing submodule, configured to continuously replace the temporary page content with the target page content by making the temporary page content transparent in the page area, until the temporary page content is completely transparent.
[0131] In some embodiments, the apparatus 500 further includes a page region splitting module, configured to split the page to be rendered into at least two page regions based on the content layout of the target page content.
[0132] In some embodiments, the apparatus 500 further includes a preset temporary content reading module, configured to read temporary page content based on a locally pre-maintained temporary page content library in response to the absence of a retrieved link in the rendering information.
[0133] This device embodiment corresponds to the embodiments associated with the page rendering method shown in the figures above. This device can dynamically select temporary page content that has been pre-presented and used to "place" page content using the content of the page to be rendered, so as to avoid the user's visual experience being disjointed due to the large difference between the temporary page content and the page to be rendered, and improve the user's rendering waiting experience.
[0134] This application embodiment also provides an apparatus for providing rendering information, the structure of which is as follows: Figure 6The illustrated device 600 can be applied to a server. Device 600 includes: a temporary content determination module 610, configured to determine temporary page content based on the content theme of the target page content of the page to be rendered; a rendering information generation module 620, configured to generate rendering information for the page to be rendered based on the target page content and a retrieval link for obtaining the temporary page content; and a rendering information delivery module 630, configured to deliver the rendering information for the page to be rendered to the client.
[0135] In some embodiments, the temporary content determination module 610 is further configured to determine at least two candidate temporary page contents based on the content theme of the target page content of the page to be rendered, wherein each candidate temporary page content corresponds to a different performance standard.
[0136] This device embodiment corresponds to the embodiments associated with the method of providing rendering information as shown in the figures above. This device can provide temporary page content related to the content theme of the target page content while providing the target page content to the client. This allows the client to dynamically select the pre-presented temporary page content used to "place" the page content using the content of the page to be rendered. This avoids a disconnect in the user's visual experience caused by a large difference between the temporary page content and the page to be rendered, and improves the user's rendering waiting experience.
[0137] Based on the same inventive concept, this application also provides an electronic device, a readable storage medium, and a computer program product. The method corresponding to the electronic device can be the page rendering method in the foregoing embodiments, and its problem-solving principle is similar to that method. The electronic device provided in this application includes: at least one processor; and a memory communicatively connected to the at least one processor; wherein the memory stores instructions executable by the at least one processor, and the instructions are executed by the at least one processor to enable the at least one processor to execute the methods and / or technical solutions of the foregoing embodiments of this application.
[0138] Electronic devices can be user devices, or devices composed of user devices and network devices integrated through a network, or applications running on the aforementioned devices. User devices include, but are not limited to, various terminal devices such as computers, mobile phones, tablets, smartwatches, and wristbands. Network devices include, but are not limited to, network hosts, single network servers, multiple network server sets, or cloud computing-based computer sets, and can be used to implement some processing functions when setting an alarm clock. Here, the cloud consists of a large number of hosts or network servers based on cloud computing. Cloud computing is a type of distributed computing, consisting of a virtual computer composed of a group of loosely coupled computer sets.
[0139] Figure 7 The diagram illustrates the structure of an electronic device 700 suitable for implementing the methods and / or technical solutions in the embodiments of this application. The electronic device 700 includes a Central Processing Unit (CPU) 701, which can perform various appropriate actions and processes based on a program stored in a Read Only Memory (ROM) 702 or a program loaded from a storage portion 708 into a Random Access Memory (RAM) 703. The RAM 703 also stores various programs and data required for system operation. The CPU 701, ROM 702, and RAM 703 are interconnected via a bus 704. An Input / Output (I / O) interface 705 is also connected to the bus 704.
[0140] The following components are connected to I / O interface 705: an input section 706 including a keyboard, mouse, touchscreen, microphone, infrared sensor, etc.; an output section 707 including a cathode ray tube (CRT), liquid crystal display (LCD), LED display, OLED display, etc., and speakers, etc.; a storage section 708 including one or more computer-readable media such as hard disk, optical disk, magnetic disk, semiconductor memory, etc.; and a communication section 709 including a network interface card such as a LAN (Local Area Network) card, modem, etc. The communication section 709 performs communication processing via a network such as the Internet.
[0141] In particular, the methods and / or embodiments in this application can be implemented as computer software programs. For example, the embodiments disclosed in this application include a computer program product comprising a computer program carried on a computer-readable medium, the computer program containing program code for performing the methods shown in the flowchart. When the computer program is executed by a central processing unit (CPU) 701, it performs the functions defined in the methods of this application.
[0142] Another embodiment of this application provides a computer-readable storage medium and a computer program product having computer program instructions stored thereon, which can be executed by a processor to implement the methods and / or technical solutions of any one or more embodiments of this application described above.
[0143] Specifically, this embodiment may employ any combination of one or more computer-readable media. A computer-readable medium may be a computer-readable signal medium or a computer-readable storage medium. A computer-readable storage medium may be, for example, a system, apparatus, or device that is, but is not limited to, electrical, magnetic, optical, electromagnetic, infrared, or semiconductor, or any combination thereof. More specific examples of computer-readable storage media (a non-exhaustive list) include: an electrical connection having one or more wires, a portable computer disk, a hard disk, random access memory (RAM), read-only memory (ROM), erasable programmable read-only memory (EPROM or flash memory), optical fiber, portable compact disk read-only memory (CD-ROM), optical storage device, magnetic storage device, or any suitable combination thereof. In this document, 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.
[0144] Computer-readable signal media may include data signals propagated in baseband or as part of a carrier wave, carrying computer-readable program code. Such propagated data signals may take various forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination thereof. Computer-readable signal media may also be any computer-readable medium other than computer-readable storage media, capable of sending, propagating, or transmitting programs for use by or in connection with an instruction execution system, apparatus, or device.
[0145] Program code contained on a computer-readable medium may be transmitted using any suitable medium, including but not limited to wireless, wire, optical fiber, RF, etc., or any suitable combination thereof.
[0146] Computer program code for performing the operations of this application can be written in one or more programming languages or a combination thereof. Programming languages include object-oriented programming languages—such as Java, Smalltalk, and C++—as well as conventional procedural programming languages—such as the "C" language or similar programming languages. The program code can be executed entirely on the user's computer, partially on the user's computer, as a standalone software package, partially on the user's computer and partially on a remote computer, or entirely on a remote computer or server. In cases involving remote computers, the remote computer can be connected to the user's computer via any type of network, including a local area network (LAN) or a wide area network (WAN), or it can be connected to an external computer (e.g., via the Internet using an Internet service provider).
[0147] The flowcharts or block diagrams in the accompanying drawings illustrate the architecture, functionality, and operation of possible implementations of devices, methods, and computer program products according to various embodiments of this application. In this regard, each block in a flowchart or block diagram may represent a module, segment, or portion of code containing one or more executable instructions for implementing a specified logical function. It should also be noted that in some alternative implementations, the functions indicated in the blocks may occur in a different order than those indicated in the drawings. For example, two consecutively indicated blocks may actually be executed substantially in parallel, and they may sometimes be executed in reverse order, depending on the functions involved. It should also be noted that each block in the block diagrams and / or flowcharts, and combinations of blocks in the block diagrams and / or flowcharts, can be implemented using a dedicated hardware-specific system that performs the specified function or operation, or using a combination of dedicated hardware and computer instructions.
[0148] Those skilled in the art will clearly understand that, for the sake of convenience and brevity, the specific working processes of the systems, devices, and units described above can be referred to the corresponding processes in the foregoing method embodiments, and will not be repeated here.
[0149] In the several embodiments provided in this application, it should be understood that the disclosed systems, apparatuses, and methods can be implemented in other ways. For example, the apparatus embodiments described above are merely illustrative; for instance, the division of modules and units is only a logical functional division, and in actual implementation, there may be other division methods. Taking units as examples, multiple units or page components may be combined or integrated into another system, or some features may be ignored or not executed. Furthermore, the coupling or direct coupling or communication connection shown or discussed may be indirect coupling or communication connection between apparatuses or units through some interfaces, and may be electrical, mechanical, or other forms.
[0150] The units described as separate components may or may not be physically separate. The components shown as units may or may not be physical units; that is, they may be located in one place or distributed across multiple network units. Some or all of the units can be selected to achieve the purpose of this embodiment according to actual needs.
[0151] Furthermore, the functional modules and units in the various embodiments of this application can be integrated into one processing module or unit, or each module or unit can exist physically separately, or two or more units can be integrated into one module or unit. The integrated unit can be implemented in hardware or in the form of hardware plus software functional modules and units.
[0152] The integrated modules and units implemented as software functional modules and units described above can be stored in a computer-readable storage medium. These software functional modules and units, stored in a storage medium, include several instructions to cause a computer device (which may be a personal computer, server, or network device, etc.) or processor to execute some steps of the methods of the various embodiments of this application. The aforementioned storage medium includes various media capable of storing program code, such as USB flash drives, portable hard drives, read-only memory (ROM), random access memory (RAM), magnetic disks, or optical disks.
[0153] Finally, it should be noted that the above embodiments are only used to illustrate the technical solutions of this application, and are not intended to limit them. Although this application has been described in detail with reference to the foregoing embodiments, those skilled in the art should understand that modifications can still be made to the technical solutions described in the foregoing embodiments, or equivalent substitutions can be made to some of the technical features. Such modifications or substitutions do not cause the essence of the corresponding technical solutions to deviate from the spirit and scope of the technical solutions of the embodiments of this application.
[0154] Furthermore, it is clear that the word "comprising" does not exclude other units or steps, and the singular does not exclude the plural. Multiple units or devices recited in a device claim may also be implemented by a single unit or device through software or hardware. The terms "first," "second," etc., are used to indicate names and do not indicate any specific order.
Claims
1. A method for rendering a page, applied to a client, comprising: The method comprises: receiving rendering information issued by a server for a page to be rendered; in response to the rendering information including a link for obtaining temporary page content, obtaining the temporary page content through the link, wherein the temporary page content is determined based on a content theme of target page content of the page to be rendered; presenting the temporary page content and starting to render the target page content; in response to a rendering progress of the target page content being greater than or equal to a progress threshold, replacing the temporary page content with the target page content.
2. The method of claim 1, wherein, The obtaining of the temporary page content through the link comprises: in response to the link pointing to at least two candidate temporary page contents, selecting a temporary page content from the candidate temporary page contents based on a local performance index, wherein each of the candidate temporary page contents corresponds to a different performance standard.
3. The method of claim 1, wherein, The obtaining of the temporary page content through the link comprises: in response to the link pointing to at least two candidate temporary page contents, reading a page layout of the target page content; based on the page layout, selecting a temporary page content from the candidate temporary page contents.
4. The method of claim 1, wherein, The presenting of the temporary page content and the starting to render the target page content comprise: generating a first page layer and a second page layer, wherein a presentation position of the first page layer is above the second page layer; presenting the temporary page content by using the first page layer; starting to render the target page content by using the second page layer.
5. The method of claim 4, wherein, The replacing of the temporary page content with the target page content in response to the rendering progress of the target page content being greater than or equal to the progress threshold comprises: in response to the rendering progress of the target page content being greater than or equal to the progress threshold, reading a page area in the second page layer that has been rendered completely; continuously replacing the temporary page content with the target page content by transparently presenting the temporary page content in the page area until the temporary page content is completely transparent.
6. The method of claim 5, wherein, The method further comprises: based on a content layout of the target page content, splitting the page to be rendered into at least two page areas.
7. The method according to any one of claims 1 to 6, characterized in that, The method further comprises: in response to the rendering information not including the link, reading the temporary page content based on a local pre-maintained temporary page content library.
8. A method for providing rendering information, applied to a server, comprising: The method comprises: determining temporary page content based on a content theme of target page content of a page to be rendered; generating rendering information for the page to be rendered based on the target page content of the page to be rendered and a link for obtaining the temporary page content; issuing the rendering information for the page to be rendered to a client.
9. The method of claim 8, wherein, The determining of the temporary page content based on the content theme of the target page content of the page to be rendered comprises: determining at least two candidate temporary page contents based on the content theme of the target page content of the page to be rendered, wherein each of the candidate temporary page contents corresponds to a different performance standard.
10. A page rendering apparatus applied to a client, comprising: The method comprises: The rendering information receiving module is configured to receive rendering information issued by a server for a page to be rendered; The temporary content obtaining module is configured to, in response to the rendering information including an obtaining link for obtaining temporary page content, obtain the temporary page content through the obtaining link, wherein the temporary page content is determined based on a content theme of target page content of the page to be rendered; The temporary presentation and rendering executing module is configured to present the temporary page content and start rendering the target page content; The temporary content replacing module is configured to, in response to a rendering progress of the target page content being greater than or equal to a progress threshold, replace the temporary page content with the target page content.
11. An apparatus for providing rendering information, applied to a server, comprising: The method comprises: The temporary content determining module is configured to determine temporary page content based on a content theme of target page content of a page to be rendered; The rendering information generating module is configured to generate rendering information for the page to be rendered based on the target page content of the page to be rendered and an obtaining link for obtaining the temporary page content; The rendering information issuing module is configured to issue the rendering information for the page to be rendered to a client.
12. An electronic device, comprising: The electronic device comprises: at least one processor; and a memory connected with the at least one processor in communication; wherein The memory stores instructions executable by the at least one processor, and the instructions are executed by the at least one processor to enable the at least one processor to perform the method of any one of claims 1 to 7 and / or claims 8 to 9.
13. A computer readable medium characterized by A computer program instruction is stored thereon, and the computer program instruction is executable by a processor to implement the method of any one of claims 1 to 7 and / or claims 8 to 9.
14. A computer program product, characterised in that, A computer program is included, and the computer program implements the method of any one of claims 1 to 7 and / or claims 8 to 9 when executed by a processor.