CN110889074B - Page display method and device, storage medium and electronic equipment - Google Patents
Page display method and device, storage medium and electronic equipment Download PDFInfo
- Publication number
- CN110889074B CN110889074B CN201911183067.2A CN201911183067A CN110889074B CN 110889074 B CN110889074 B CN 110889074B CN 201911183067 A CN201911183067 A CN 201911183067A CN 110889074 B CN110889074 B CN 110889074B
- Authority
- CN
- China
- Prior art keywords
- loaded
- loading
- request
- page
- response information
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
- G06F16/972—Access to data in other repository systems, e.g. legacy data or dynamic Web page generation
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9574—Browsing optimisation, e.g. caching or content distillation of access to content, e.g. by caching
Abstract
The application relates to a page display method, a page display device, a storage medium and an electronic device, wherein the method comprises the following steps: when a page loading request is sent to a server, detecting parameters of a communication service port of electronic equipment are obtained, an initial page is generated according to a file returned by the server, it is determined that the request response speed is lower than a preset response speed quantization index, an element loading request is initiated to the server according to the use frequency of each element to be loaded, the element to be loaded corresponding to feedback response information is loaded in the initial page content according to the server feedback response information, it is determined that the rendering speed is lower than the preset rendering speed quantization index, the loaded element to be loaded is displayed, and the unloaded element to be loaded is displayed in a delayed mode according to a delayed loading algorithm, so that a user can quickly view and use the element to be loaded with higher frequency in a short time.
Description
Technical Field
The present application relates to the field of computer network technologies, and in particular, to a page display method and apparatus, a storage medium, and an electronic device.
Background
Compared with a wired network, the mobile wireless network communication is greatly influenced by the environment at the present stage, and the service quality of the network is relatively poor at places with poor mobile network signals such as base stations, elevators, crowds and the like, so that users often communicate in a network environment with weak signals. Under the condition of weak network communication, the system often causes more packet loss, error codes, overtime, connection interruption, difficulty in accessing the network and the like, the page loading time of the system is prolonged, the probability of submitted data abnormality is increased, troubles are brought to the user, resource waste is caused, and the user experience is influenced to a certain extent.
Disclosure of Invention
In order to solve the above problems, the present application provides a page display method, device, storage medium and electronic device, so as to display and use an element to be loaded with a high frequency in a short time, and effectively alleviate the problem of influencing user experience in the prior art.
In a first aspect, the present application provides a page display method applied to an electronic device, where the method includes:
when a page loading request is sent to a server, acquiring detection parameters of a communication service port of the electronic equipment, wherein the detection parameters comprise a request response speed and a rendering speed;
generating an initial page according to a file returned by the server based on the page loading request, wherein the initial page corresponds to a plurality of elements to be loaded;
when the request response speed is lower than a preset response speed quantification index, initiating an element loading request to the server according to the use frequency of each element to be loaded, and loading the element to be loaded corresponding to the feedback response information in the initial page content according to the server feedback response information, wherein the response information comprises a loading file of the corresponding element to be loaded;
and when the rendering speed is determined to be lower than a preset rendering speed quantization index, displaying the loaded elements to be loaded, and performing delayed display on the unloaded elements to be loaded and the elements which are not in the visible area in the initial page according to a delayed loading algorithm.
Optionally, in the page display method, the detection parameter further includes a request quantity, and the usage frequency of each element to be loaded is obtained through the following steps:
when the request quantity is determined to be lower than a preset request quantification index, counting the use frequency of each element to be loaded in a system use log;
wherein, the counting the usage frequency of each element to be loaded in the usage log of the system comprises:
and counting the use frequency of each element to be loaded in the log by using a most recently used algorithm.
Optionally, in the above page display method, when the number of requests is not less than a preset request quantization index and/or the number of requests is not less than a preset request quantization index, and/or the rendering speed is not less than a preset rendering speed quantization index, the method further includes:
and loading and displaying the elements to be loaded in the initial page from top to bottom according to the positions of the elements to be loaded in the initial page.
Optionally, in the page display method, the step of initiating an element loading request to the server according to the frequency of use of each element to be loaded, and loading the element to be loaded corresponding to the feedback response information in the initial page content according to the server feedback response information includes:
sequentially initiating element loading requests corresponding to the elements to be loaded to the server according to the sequence of the use frequency of the elements to be loaded from high to low;
and receiving response information fed back when the server sequentially executes the received element loading requests, and loading the elements to be loaded corresponding to the response information in the initial page according to the response information.
Optionally, in the page display method, the loading file includes a text file and a picture file, and loading an element to be loaded corresponding to the response information in the initial page according to the response information includes:
and respectively loading the text file and the picture file in the response information by adopting a progressive loading technology in the initial page so as to finish loading the element to be loaded corresponding to the response information.
Optionally, in the above page display method, performing delayed display on an unloaded element to be loaded and an element not in a visible region in the initial page according to a delayed loading algorithm further includes:
and executing the initialization operation of the script on the element to be loaded in the initial page.
In a second aspect, the present application provides a page display apparatus applied to an electronic device, the apparatus including:
the device comprises a parameter acquisition module, a rendering module and a display module, wherein the parameter acquisition module is used for acquiring detection parameters of a communication service port of the electronic equipment when a page loading request is sent to a server, and the detection parameters comprise a request response speed and a rendering speed;
the initial page generating module is used for generating an initial page according to a file returned by the server based on the page loading request, wherein the initial page corresponds to a plurality of elements to be loaded;
a loading module, configured to, when it is determined that the request response speed is lower than a preset response speed quantization index, initiate an element loading request to the server according to a use frequency of each element to be loaded, and load, according to the server feedback response information, an element to be loaded corresponding to the feedback response information in the initial page content, where the response information includes a loading file of the corresponding element to be loaded;
and the display module is used for displaying the loaded element to be loaded when the rendering speed is determined to be lower than the preset rendering speed quantization index, and performing delayed display on the unloaded element to be loaded and the element which is not in the visible area in the initial page according to a delayed loading algorithm.
Optionally, in the above page display device, the detection parameter further includes a request quantity, and the device further includes:
the counting module is further used for counting the use frequency of each element to be loaded in the system use log when the request quantity is determined to be lower than a preset request quantification index;
wherein, the counting the usage frequency of each element to be loaded in the usage log of the system comprises:
and counting the use frequency of each element to be loaded in the log by using a most recently used algorithm.
In a third aspect, the present application provides a storage medium storing a computer program that, when executed by one or more processors, implements the page display method described above.
In a fourth aspect, the present application provides an electronic device, including a memory and a processor, where the memory stores a computer program, and the computer program, when executed by the processor, performs the above-mentioned page display method.
Compared with the prior art, one or more embodiments in the above scheme can have the following advantages or beneficial effects:
the application provides a page display method, a device, a storage medium and an electronic device, which can obtain the detection parameters of a communication service port of the electronic device when sending a page loading request to a server, generating an initial page according to a file returned by the server based on the page loading request, determining that the request response speed is lower than a preset response speed quantization index, initiating an element loading request to a server according to the using frequency of each element to be loaded, loading the element to be loaded corresponding to the feedback response information in the initial page content according to the server feedback response information, and determining that the rendering speed is lower than a preset rendering speed quantization index, and displaying the loaded elements to be loaded, and displaying the unloaded elements to be loaded and the elements which are not in the visual area in the initial page in a delayed manner according to a delayed loading algorithm, so that a user can quickly view and use the elements to be loaded with high frequency in a short time.
Drawings
The present application will be described in more detail below on the basis of embodiments and with reference to the accompanying drawings.
Fig. 1 is a schematic flowchart of a page display method according to an embodiment of the present application.
Fig. 2 is a timing diagram of a page display method according to an embodiment of the present application.
Fig. 3 is a schematic diagram of an initial page according to an embodiment of the present application.
Fig. 4 is another schematic diagram of an initial page provided in the second embodiment of the present application.
In the drawings, like parts are designated with like reference numerals, and the drawings are not drawn to scale.
Detailed Description
The following detailed description will be provided with reference to the accompanying drawings and embodiments, so that how to apply the technical means to solve the technical problems and achieve the corresponding technical effects can be fully understood and implemented. The embodiments and various features in the embodiments of the present application can be combined with each other without conflict, and the formed technical solutions are all within the scope of protection of the present application.
Example one
Referring to fig. 1, the present application provides a page display method applicable to an electronic device such as a mobile phone, a computer, or a tablet computer, and when the application management method is applied to the electronic device, steps S110 to S150 are executed.
Step S110: when a page loading request is sent to a server, acquiring detection parameters of a communication service port of the electronic equipment, wherein the detection parameters comprise request quantity, request response speed and rendering speed;
step S120: generating an initial page according to a file returned by the server based on the page loading request, wherein the initial page corresponds to a plurality of elements to be loaded;
step S130: when the request response speed is lower than a preset response speed quantification index, initiating an element loading request to the server according to the use frequency of each element to be loaded, and loading the element to be loaded corresponding to the feedback response information in the initial page content according to the server feedback response information, wherein the response information comprises a loading file of the corresponding element to be loaded;
step S140: and when the rendering speed is determined to be lower than a preset rendering speed quantization index, displaying the loaded element to be loaded, and performing delayed display on the unloaded element to be loaded and the element which is not in the visible area in the initial page according to a delayed loading algorithm.
It should be noted that, when the detection parameters include the number of requests, the request response speed, and the rendering speed that are respectively smaller than the corresponding preset quantization indexes, it is determined that the electronic device communicates in the network environment with weak signals, and therefore, the application loads the to-be-loaded elements according to the use frequency of each to-be-loaded element by using the above steps S110 to S150 when the network signal of the electronic device is low, so that the user can quickly view and use the to-be-loaded elements with high use frequency in a short time, and further, the experience of browsing the web page in the case of a poor network is improved.
In step S110, when sending the page loading request to the server, a specific manner of obtaining the detection parameter of the communication service port of the electronic device may be that, when the user uses the electronic device to perform an interactive operation so that the electronic device performs the interactive operation to send the page loading request to the server, the TCP port and the UDP port are scanned by using an algorithm to collect port parameters pointing to the two ports. The port parameters comprise loading time, first byte time, rendering time, earliest page interactive time, byte number of various resources in the page and rear-end request quantity of the page, and detection parameters comprising the request quantity, the request response speed and the rendering speed are obtained by comprehensively analyzing and index quantizing the port parameters.
It should be noted that the request number is a back-end request number, the request response speed is page loading time/back-end request number, the page rendering time is the earliest page interactive time-rendering start time, and the rendering speed is rendering time/back-end request number.
In step S120, the file returned by the server based on the page loading request includes page configuration information and name information of a plurality of elements to be loaded corresponding to the initial page. Step S120 may be to generate an initial page according to page configuration information included in a file returned by the server based on the page loading request. The element to be loaded can be an application program, and can also be elements such as a menu, a price or a shopping cart which are frequently used in a food ordering system or a shopping program.
In step S130, the preset request quantization index may be a preset request quantity threshold, and in step S130, when it is determined that the request quantity is lower than the preset request quantity threshold, the usage frequency of each element to be loaded in the system usage log is counted.
It is understood that the system usage log stores names of a plurality of elements and usage times of the elements, and the manner of counting the usage frequency of each element to be loaded in the system usage log may be to count the usage frequency of each element to be loaded within a preset time period (which may be, but is not limited to, one day, several days, or one week). Or counting the use frequency of each element to be loaded in the use log by adopting a most recently used algorithm.
Optionally, in this embodiment, the step of counting the usage frequency of each element to be loaded in the system usage log in step S130 includes: and counting the use frequency of each element to be loaded in the log by using a most recently used algorithm.
In step S140, the preset response speed quantization index may be a preset response speed threshold, and the manner of initiating the element loading request to the server according to the usage frequency of each element to be loaded may be to initiate the element loading request to the server according to the usage frequency of each element to be loaded in an order from high to low, or may be to divide the frequencies to be loaded into a plurality of groups according to the usage frequency of each element to be loaded, where each group includes elements to be loaded in different usage frequency ranges, and sequentially send the loading requests of the elements to be loaded corresponding to the frequency ranges of each group to the server according to the order from high to low of the frequency ranges. The load file may include one or more of a picture file, a text file, an audio file, and a video file. The loading of the element to be loaded corresponding to the feedback response information in the initial page content according to the server feedback response information may be loading a loading file in the initial page content to complete loading of the element to be loaded corresponding to the feedback response information. The loading mode of the loading file may be a scanning mode, or a progressive loading technology, and is not limited specifically herein.
Optionally, in this embodiment, in step S140, the step of initiating an element loading request to the server according to the use frequency of each element to be loaded, and loading the element to be loaded corresponding to the feedback response information in the initial page content according to the server feedback response information includes:
step S142: and sequentially initiating element loading requests corresponding to the elements to be loaded to the server according to the sequence of the use frequency of the elements to be loaded from high to low.
Step S144: and receiving response information fed back when the server sequentially executes the received element loading requests, and loading the elements to be loaded corresponding to the response information in the initial page according to the response information.
In order to further facilitate a user to quickly view commonly used elements to be loaded under the condition of a poor network, when the loading file comprises a text file and a picture file, loading the elements to be loaded corresponding to response information in the initial page according to the response information, wherein the loading method comprises the following steps:
and respectively loading the text file and the picture file in the response information by adopting a progressive loading technology in the initial page so as to finish loading the element to be loaded corresponding to the response information.
In step S150, the preset rendering speed quantization index may be a preset rendering speed value, and when there is an element to be loaded that is not loaded in the initial interface, the loaded element to be loaded is displayed, and the unloaded element to be loaded and the element that is not in the visible region in the initial page are displayed in a delayed manner according to a delayed loading algorithm.
Further, to facilitate the user to operate the element to be loaded in the initial page, in this embodiment, the method further includes: and executing the initialization operation of the script on the element to be loaded in the initial page.
The control affecting the main process of the user operation is changed into an interactive state as early as possible by executing the initialization operation of the script, and the control is used by the user. The script initialization operation may be, but is not limited to, executing a js script, a Python script, or a ts script.
It is to be understood that, in this embodiment, when it is determined that the number of requests is not lower than the preset request quantization index and/or it is determined that the request response speed is not lower than the preset response speed quantization index, and/or it is determined that the rendering speed is not lower than the preset rendering speed quantization index, the network signal quality may be considered to be better, and therefore, each element to be loaded may be loaded and displayed in the initial page in the order from top to bottom.
It should be noted that, when the elements to be loaded are loaded and displayed in the order from top to bottom, the data corresponding to the elements are displayed line by line from top to bottom according to the stored order, and the whole picture is not displayed until the data is completely read.
By the method, the loading display of the element to be loaded is realized by selecting the proper loading mode according to the strength of the network signal, and the problem of poor user experience caused by the fact that the display element cannot be loaded in time under the condition of poor network signal in the prior art is solved.
Referring to fig. 2, fig. 3 and fig. 4 in combination, in a process that a user performs an interactive operation to view a web page, when the electronic device sends a page loading request to a server based on the user's operation, the electronic device obtains detection parameters of a TCP port and a UDP port of the electronic device, when the server receives the page loading request, the server returns an initial page (as shown in fig. 3) and a plurality of elements to be loaded corresponding to the initial page (when the plurality of elements to be loaded are displayed in the initial page, unloaded elements are represented by a dashed line frame in fig. 3) based on the request, when the electronic device determines that the number of the requests is lower than a preset request quantization index, the electronic device counts the usage frequency of each element to be loaded in a system usage log, and when the request response speed is lower than the preset response speed quantization index, initiates a loading request to the server according to the usage frequency of each element to be loaded, the server feeds back response information to the electronic device according to the loading request, and the electronic device loads an element to be loaded corresponding to the feedback response information according to the received response information, where taking the element to be loaded corresponding to the feedback response information as element 3, element 5, and element 6 as examples, when it is determined that the rendering speed is lower than a preset rendering speed quantization index, the loaded element to be loaded is displayed, and the unloaded element to be loaded and the element not in the visible region in the initial page are displayed in a delayed manner according to a delayed loading algorithm, and a display result is shown in fig. 4 (when a plurality of elements to be loaded in the initial page in fig. 4 are displayed, the loaded element is displayed in a manner of a dashed line, and the unloaded element is displayed in a manner of a dashed line in fig. 3).
Example two
An embodiment of the present application further provides an instruction generating apparatus, where the apparatus includes:
the device comprises a parameter acquisition module and a rendering module, wherein the parameter acquisition module is used for acquiring detection parameters of a communication service port of the electronic equipment when a page loading request is sent to a server, and the detection parameters comprise the number of requests, the request response speed and the rendering speed.
Since the parameter obtaining module is similar to the implementation principle of step S110 in fig. 1, no further description is made here.
And the initial page generating module is used for generating an initial page according to a file returned by the server based on the page loading request, wherein the initial page corresponds to a plurality of elements to be loaded.
Since the initial page generation module is similar to the implementation principle of step S120 in fig. 1, it will not be further described here.
And the counting module is used for counting the use frequency of each element to be loaded in the system use log when the request quantity is lower than a preset request quantification index.
Since the statistical module is similar to the implementation principle of step S130 in fig. 1, it will not be further described here. In this embodiment, optionally, the statistical module is further configured to use a most recently used algorithm to count the frequency of use of each element to be loaded in the system use log.
And the loading module is used for initiating an element loading request to the server according to the use frequency of each element to be loaded when the request response speed is determined to be lower than a preset response speed quantization index, and loading the element to be loaded corresponding to the feedback response information in the initial page content according to the server feedback response information, wherein the response information comprises a loading file of the corresponding element to be loaded.
Since the loading module is similar to the implementation principle of step S140 in fig. 1, it will not be further described here.
And the display module is used for displaying the loaded element to be loaded when the rendering speed is determined to be lower than the preset rendering speed quantization index, and performing delayed display on the unloaded element to be loaded and the element which is not in the visible area in the initial page according to a delayed loading algorithm.
Since the display module is similar to the implementation principle of step S140 in fig. 1, it will not be further described here.
Example two
The present embodiments also provide a storage medium, such as a flash memory, a hard disk, a multimedia card, a card-type memory (e.g., SD or DX memory, etc.), a Random Access Memory (RAM), a Static Random Access Memory (SRAM), a read-only memory (ROM), an electrically erasable programmable read-only memory (EEPROM), a programmable read-only memory (PROM), a magnetic memory, a magnetic disk, an optical disk, a server, an App application mall, etc., having stored thereon a computer program that when executed by a processor, performs the following method steps:
when a page loading request is sent to a server, acquiring detection parameters of a communication service port of the electronic equipment, wherein the detection parameters comprise request quantity, request response speed and rendering speed;
generating an initial page according to a file returned by the server based on the page loading request, wherein the initial page corresponds to a plurality of elements to be loaded;
when the request quantity is lower than a preset request quantification index, counting the use frequency of each element to be loaded in a system use log;
when the request response speed is lower than a preset response speed quantification index, initiating an element loading request to the server according to the use frequency of each element to be loaded, and loading the element to be loaded corresponding to the feedback response information in the initial page content according to the server feedback response information, wherein the response information comprises a loading file of the corresponding element to be loaded;
and when the rendering speed is determined to be lower than a preset rendering speed quantization index, delaying and displaying the unloaded elements to be loaded and the elements which are not in the visual area in the initial page according to a delayed loading algorithm.
The specific embodiment process of the above method steps can be referred to as embodiment one, and the detailed description of this embodiment is not repeated herein.
EXAMPLE III
The embodiment of the application provides an electronic device, which may be a mobile phone, a computer, a tablet computer, or the like, and includes a memory and a processor, where the memory stores a computer program, and the computer program is executed by the processor to implement the page display method in the first embodiment. It is understood that the electronic device may also include multimedia components, input/output (I/O) interfaces, and communication components.
The processor is configured to perform all or part of the steps in the page display method according to the first embodiment. The memory is used to store various types of data, which may include, for example, instructions for any application or method in the electronic device, as well as application-related data.
The Processor may be an Application Specific Integrated Circuit (ASIC), a Digital Signal Processor (DSP), a Digital Signal Processing Device (DSPD), a Programmable Logic Device (PLD), a Field Programmable Gate Array (FPGA), a controller, a microcontroller, a microprocessor, or other electronic components, and is configured to perform the page display method in the first embodiment.
The Memory may be implemented by any type of volatile or non-volatile Memory device or combination thereof, such as Static Random Access Memory (SRAM), Electrically Erasable Programmable Read-Only Memory (EEPROM), Erasable Programmable Read-Only Memory (EPROM), Programmable Read-Only Memory (PROM), Read-Only Memory (ROM), magnetic Memory, flash Memory, magnetic disk or optical disk.
The multimedia component may include a screen, which may be a touch screen, and an audio component for outputting and/or inputting an audio signal. For example, the audio component may include a microphone for receiving external audio signals. The received audio signal may further be stored in a memory or transmitted through a communication component. The audio assembly also includes at least one speaker for outputting audio signals.
The I/O interface provides an interface between the processor and other interface modules, such as a keyboard, mouse, buttons, etc. These buttons may be virtual buttons or physical buttons.
The communication component is used for carrying out wired or wireless communication between the electronic equipment and other equipment. Wireless Communication, such as Wi-Fi, bluetooth, Near Field Communication (NFC), 2G, 3G, or 4G, or a combination of one or more of them, so that the corresponding Communication component 405 may include: Wi-Fi module, bluetooth module, NFC module.
In summary, the present application provides a page display method, an apparatus, a storage medium, and an electronic device, where the method includes: when a page loading request is sent to a server, detecting parameters of a communication service port of the electronic equipment are obtained, an initial page is generated according to a file returned by the server based on the page loading request, when the request quantity is determined to be lower than a preset request quantization index, the use frequency of each element to be loaded in a system use log is counted, when the request response speed is determined to be lower than the preset response speed quantization index, an element loading request is initiated to the server according to the use frequency of each element to be loaded, the element to be loaded corresponding to feedback response information is loaded in the content of the initial page according to the feedback response information of the server, and when the rendering speed is determined to be lower than the preset rendering speed quantization index, the unloaded element to be loaded and the element which is not in a visible area in the initial page are displayed in a delayed mode according to enable a user to quickly view and use the element to be loaded with higher frequency in a short time, thereby effectively relieving the condition of influencing the use of the user due to the slow network speed in the prior art.
In the several embodiments provided in the embodiments of the present application, it should be understood that the disclosed system and method may be implemented in other ways. The system and method embodiments described above are merely illustrative.
It should be noted that, in this document, the terms "comprises," "comprising," or any other variation thereof, are intended to cover a non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements does not include only those elements but may include other elements not expressly listed or inherent to such process, method, article, or apparatus. Without further limitation, an element defined by the phrase "comprising an … …" does not exclude the presence of other identical elements in a process, method, article, or apparatus that comprises the element.
Although the embodiments disclosed in the present application are described above, the descriptions are only for the convenience of understanding the present application, and are not intended to limit the present application. It will be understood by those skilled in the art that various changes in form and details may be made therein without departing from the spirit and scope of the disclosure as defined by the appended claims.
Claims (10)
1. A page display method is applied to electronic equipment, and is characterized by comprising the following steps:
when a page loading request is sent to a server, acquiring detection parameters of a communication service port of the electronic equipment, wherein the detection parameters comprise a request response speed and a rendering speed;
generating an initial page according to a file returned by the server based on the page loading request, wherein the initial page corresponds to a plurality of elements to be loaded;
when the request response speed is lower than a preset response speed quantification index, initiating an element loading request to the server according to the use frequency of each element to be loaded, and loading the element to be loaded corresponding to the feedback response information in the initial page content according to the server feedback response information, wherein the response information comprises a loading file of the corresponding element to be loaded;
and when the rendering speed is determined to be lower than a preset rendering speed quantization index, displaying the loaded elements to be loaded, and performing delayed display on the unloaded elements to be loaded and the elements which are not in the visible area in the initial page according to a delayed loading algorithm.
2. The page display method according to claim 1, wherein the sensing parameters further include a request quantity, and the frequency of use of each element to be loaded is obtained by:
when the request quantity is determined to be lower than a preset request quantification index, counting the use frequency of each element to be loaded in a system use log;
wherein, the counting the usage frequency of each element to be loaded in the usage log of the system comprises:
and counting the use frequency of each element to be loaded in the log by using a most recently used algorithm.
3. The page display method according to claim 2, wherein when the number of requests is not lower than a preset request quantization index and/or the request response speed is not lower than a preset response speed quantization index, and/or the rendering speed is not lower than a preset rendering speed quantization index, the method further comprises:
and loading and displaying the elements to be loaded in the initial page from top to bottom according to the positions of the elements to be loaded in the initial page.
4. The page display method according to claim 1, wherein the step of initiating an element loading request to the server according to the use frequency of each element to be loaded, and loading the element to be loaded corresponding to the feedback response information in the initial page content according to the server feedback response information comprises:
sequentially initiating element loading requests corresponding to the elements to be loaded to the server according to the sequence of the use frequency of the elements to be loaded from high to low;
and receiving response information fed back when the server sequentially executes the received element loading requests, and loading the elements to be loaded corresponding to the response information in the initial page according to the response information.
5. The page display method according to claim 1, wherein the loading file includes a text file and a picture file, and loading an element to be loaded corresponding to the response information in the initial page according to the response information includes:
and respectively loading the text file and the picture file in the response information by adopting a progressive loading technology in the initial page so as to finish loading the element to be loaded corresponding to the response information.
6. The page display method according to claim 1, wherein, in performing the delayed display of the unloaded element to be loaded and the element not in the visible region in the initial page according to the delayed loading algorithm, the method further comprises:
and executing the initialization operation of the script on the element to be loaded in the initial page.
7. A page display device applied to electronic equipment is characterized by comprising:
the device comprises a parameter acquisition module, a rendering module and a display module, wherein the parameter acquisition module is used for acquiring detection parameters of a communication service port of the electronic equipment when a page loading request is sent to a server, and the detection parameters comprise a request response speed and a rendering speed;
the initial page generating module is used for generating an initial page according to a file returned by the server based on the page loading request, wherein the initial page corresponds to a plurality of elements to be loaded;
a loading module, configured to, when it is determined that the request response speed is lower than a preset response speed quantization index, initiate an element loading request to the server according to a use frequency of each element to be loaded, and load, according to the server feedback response information, an element to be loaded corresponding to the feedback response information in the initial page content, where the response information includes a loading file of the corresponding element to be loaded;
and the display module is used for displaying the loaded element to be loaded when the rendering speed is determined to be lower than the preset rendering speed quantization index, and performing delayed display on the unloaded element to be loaded and the element which is not in the visible area in the initial page according to a delayed loading algorithm.
8. The page display apparatus according to claim 7, wherein the detection parameters further include a request number, the apparatus further comprising:
the counting module is further used for counting the use frequency of each element to be loaded in the system use log when the request quantity is determined to be lower than a preset request quantification index;
wherein, the counting the usage frequency of each element to be loaded in the usage log of the system comprises:
and counting the use frequency of each element to be loaded in the log by using a most recently used algorithm.
9. A storage medium storing a computer program, wherein the computer program, when executed by one or more processors, implements a page display method as claimed in any one of claims 1 to 6.
10. An electronic device comprising a memory and a processor, the memory having stored thereon a computer program that, when executed by the processor, performs the page display method of any one of claims 1-6.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201911183067.2A CN110889074B (en) | 2019-11-27 | 2019-11-27 | Page display method and device, storage medium and electronic equipment |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201911183067.2A CN110889074B (en) | 2019-11-27 | 2019-11-27 | Page display method and device, storage medium and electronic equipment |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN110889074A CN110889074A (en) | 2020-03-17 |
| CN110889074B true CN110889074B (en) | 2022-04-08 |
Family
ID=69749007
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201911183067.2A Active CN110889074B (en) | 2019-11-27 | 2019-11-27 | Page display method and device, storage medium and electronic equipment |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN110889074B (en) |
Families Citing this family (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111796824A (en) * | 2020-06-29 | 2020-10-20 | 平安普惠企业管理有限公司 | Page loading method, device, server and medium |
| CN111783002A (en) * | 2020-06-30 | 2020-10-16 | 北京达佳互联信息技术有限公司 | Webpage data loading method and device, electronic equipment and storage medium |
Citations (13)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101996073A (en) * | 2009-08-31 | 2011-03-30 | 阿里巴巴集团控股有限公司 | Component rendering method and device |
| WO2014068340A1 (en) * | 2012-11-02 | 2014-05-08 | Net Communities Limited | Sytem and method for processing content of a web resource for display |
| US8914524B1 (en) * | 2011-03-16 | 2014-12-16 | Amazon Technologies, Inc. | Load time adapted network page(s) |
| CN104750851A (en) * | 2015-04-14 | 2015-07-01 | 钱海祥 | Webpage content lazy loading method and system |
| CN105530292A (en) * | 2015-12-01 | 2016-04-27 | 小米科技有限责任公司 | Page image display method and device |
| CN106547806A (en) * | 2015-09-23 | 2017-03-29 | 阿里巴巴集团控股有限公司 | Page loading method and device |
| CN107861783A (en) * | 2017-10-23 | 2018-03-30 | 东软集团股份有限公司 | The method, apparatus and storage medium and electronic equipment of page rendering |
| CN109165364A (en) * | 2018-09-12 | 2019-01-08 | 广州视源电子科技股份有限公司 | A kind of page rendering method, apparatus, equipment and storage medium |
| CN109284464A (en) * | 2018-08-29 | 2019-01-29 | 网宿科技股份有限公司 | Page loading method and terminal, page response method and server |
| CN109582899A (en) * | 2018-10-26 | 2019-04-05 | 平安科技（深圳）有限公司 | Page loading method, device, computer equipment and storage medium |
| CN109684574A (en) * | 2018-08-20 | 2019-04-26 | 平安普惠企业管理有限公司 | Page loading method, device, equipment and storage medium |
| CN110162726A (en) * | 2019-05-09 | 2019-08-23 | 腾讯科技（深圳）有限公司 | Loading method, device and the storage medium of page resource |
| CN110334298A (en) * | 2019-05-21 | 2019-10-15 | 深圳壹账通智能科技有限公司 | Processing method, device, medium and the electronic equipment of page resource data |
Family Cites Families (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US10296653B2 (en) * | 2010-09-07 | 2019-05-21 | F5 Networks, Inc. | Systems and methods for accelerating web page loading |
| US20180217964A1 (en) * | 2017-02-02 | 2018-08-02 | Futurewei Technologies, Inc. | Content-aware energy savings for web browsing utilizing selective loading priority |
-
2019
- 2019-11-27 CN CN201911183067.2A patent/CN110889074B/en active Active
Patent Citations (13)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101996073A (en) * | 2009-08-31 | 2011-03-30 | 阿里巴巴集团控股有限公司 | Component rendering method and device |
| US8914524B1 (en) * | 2011-03-16 | 2014-12-16 | Amazon Technologies, Inc. | Load time adapted network page(s) |
| WO2014068340A1 (en) * | 2012-11-02 | 2014-05-08 | Net Communities Limited | Sytem and method for processing content of a web resource for display |
| CN104750851A (en) * | 2015-04-14 | 2015-07-01 | 钱海祥 | Webpage content lazy loading method and system |
| CN106547806A (en) * | 2015-09-23 | 2017-03-29 | 阿里巴巴集团控股有限公司 | Page loading method and device |
| CN105530292A (en) * | 2015-12-01 | 2016-04-27 | 小米科技有限责任公司 | Page image display method and device |
| CN107861783A (en) * | 2017-10-23 | 2018-03-30 | 东软集团股份有限公司 | The method, apparatus and storage medium and electronic equipment of page rendering |
| CN109684574A (en) * | 2018-08-20 | 2019-04-26 | 平安普惠企业管理有限公司 | Page loading method, device, equipment and storage medium |
| CN109284464A (en) * | 2018-08-29 | 2019-01-29 | 网宿科技股份有限公司 | Page loading method and terminal, page response method and server |
| CN109165364A (en) * | 2018-09-12 | 2019-01-08 | 广州视源电子科技股份有限公司 | A kind of page rendering method, apparatus, equipment and storage medium |
| CN109582899A (en) * | 2018-10-26 | 2019-04-05 | 平安科技（深圳）有限公司 | Page loading method, device, computer equipment and storage medium |
| CN110162726A (en) * | 2019-05-09 | 2019-08-23 | 腾讯科技（深圳）有限公司 | Loading method, device and the storage medium of page resource |
| CN110334298A (en) * | 2019-05-21 | 2019-10-15 | 深圳壹账通智能科技有限公司 | Processing method, device, medium and the electronic equipment of page resource data |
Non-Patent Citations (1)
| Title |
|---|
| Web前端性能优化方案与实践;王成等;《计算机应用与软件》;20141215(第12期);第95-101页 * |
Also Published As
| Publication number | Publication date |
|---|---|
| CN110889074A (en) | 2020-03-17 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| AU2019101586A4 (en) | Information push method and device | |
| EP2697712A2 (en) | Customized launching of applications | |
| CN106708496B (en) | Processing method and device for label page in graphical interface | |
| US10163048B2 (en) | Method and device for page synchronization | |
| CN107103890B (en) | The method and apparatus of application is shown on fixed-direction display | |
| US20180020252A1 (en) | Information display method, channel management platform, and terminal | |
| CN110889074B (en) | Page display method and device, storage medium and electronic equipment | |
| CN112882850B (en) | Key event processing method, device, equipment and storage medium | |
| CN107807841B (en) | Server simulation method, device, equipment and readable storage medium | |
| US20170169122A1 (en) | Webpage display method, mobile terminal, intelligent terminal, program and storage medium | |
| CN105991722B (en) | Downloader recommendation method, application server, terminal and system | |
| CN105515887B (en) | application testing method, server and system | |
| CN109450975A (en) | Concurrency performance optimization method, device, electronic equipment, readable storage medium storing program for executing | |
| CN109309851B (en) | Information processing method, server and terminal | |
| CN112749074B (en) | Test case recommending method and device | |
| CN108600780A (en) | Method for pushed information | |
| CN105095253A (en) | Webpage display method and webpage display device | |
| CN105893624B (en) | Data display method and system | |
| CN105976201B (en) | Purchasing behavior monitoring method and device for e-commerce system | |
| CN105373370B (en) | Control display method and device | |
| CN104850595B (en) | Optimize the method and apparatus of webpage opening time | |
| CN110990619A (en) | Buried point data query method, device, system, equipment and computer storage medium | |
| CN111124824A (en) | Mobile phone game frame rate recommendation method and device and mobile terminal | |
| CN103617299A (en) | Method and system for setting table attribute | |
| US10503742B2 (en) | Electronic device and method of searching data records |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |