CN114500484A - 页面渲染方法、装置、电子设备及可读介质 - Google Patents
页面渲染方法、装置、电子设备及可读介质 Download PDFInfo
- Publication number
- CN114500484A CN114500484A CN202111605196.3A CN202111605196A CN114500484A CN 114500484 A CN114500484 A CN 114500484A CN 202111605196 A CN202111605196 A CN 202111605196A CN 114500484 A CN114500484 A CN 114500484A
- Authority
- CN
- China
- Prior art keywords
- rendering
- client
- mode
- page
- server
- 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.)
- Pending
Links
- 238000009877 rendering Methods 0.000 title claims abstract description 402
- 238000000034 method Methods 0.000 title claims abstract description 66
- 238000012545 processing Methods 0.000 claims abstract description 21
- 230000011664 signaling Effects 0.000 claims description 17
- 238000004891 communication Methods 0.000 claims description 12
- 230000005540 biological transmission Effects 0.000 claims description 11
- 238000004590 computer program Methods 0.000 claims description 7
- 230000008569 process Effects 0.000 description 10
- 238000010586 diagram Methods 0.000 description 9
- 230000000694 effects Effects 0.000 description 6
- 230000008447 perception Effects 0.000 description 6
- 230000008901 benefit Effects 0.000 description 4
- 230000007474 system interaction Effects 0.000 description 4
- 230000008878 coupling Effects 0.000 description 3
- 238000010168 coupling process Methods 0.000 description 3
- 238000005859 coupling reaction Methods 0.000 description 3
- 238000005516 engineering process Methods 0.000 description 3
- 230000003993 interaction Effects 0.000 description 3
- 238000012423 maintenance Methods 0.000 description 3
- 230000003287 optical effect Effects 0.000 description 3
- 238000013461 design Methods 0.000 description 2
- 230000006870 function Effects 0.000 description 2
- 230000004927 fusion Effects 0.000 description 2
- 230000002452 interceptive effect Effects 0.000 description 2
- 238000002360 preparation method Methods 0.000 description 2
- 230000004044 response Effects 0.000 description 2
- 238000006467 substitution reaction Methods 0.000 description 2
- 230000006399 behavior Effects 0.000 description 1
- 238000004422 calculation algorithm Methods 0.000 description 1
- 230000015556 catabolic process Effects 0.000 description 1
- 238000006731 degradation reaction Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000012544 monitoring process Methods 0.000 description 1
- 230000008520 organization Effects 0.000 description 1
- 230000035945 sensitivity Effects 0.000 description 1
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/957—Browsing optimisation, e.g. caching or content distillation
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L67/00—Network arrangements or protocols for supporting network services or applications
- H04L67/01—Protocols
- H04L67/02—Protocols based on web technology, e.g. hypertext transfer protocol [HTTP]
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Computer Networks & Wireless Communication (AREA)
- Signal Processing (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本发明实施例提供了一种页面渲染方法、装置、电子设备及可读介质,所述方法包括:生成目标页面的渲染请求;获取所述客户端的网络信号模式,以及所述客户端所在的终端设备的设备数据;根据所述网络信号模式和所述设备数据确定目标页面渲染模式;所述目标页面渲染模式包括客户端渲染模式和服务端渲染模式;将所述渲染请求和所述目标页面渲染模式的通知消息发送至所述服务器;其中,所述服务器用于在获取所述渲染请求对应的页面资源数据后,基于所述通知消息中的所述目标页面渲染模式对所述页面资源数据执行相应的处理逻辑,以得到在所述客户端中呈现的目标页面。本发明实施例可以在保证页面渲染效率的同时,降低服务器压力。
Description
技术领域
本发明实施例涉及计算机技术领域,特别是涉及一种页面渲染方法、一种页面渲染装置、一种电子设备以及一种计算机可读介质。
背景技术
在用户通过浏览器访问网站的页面时,可以通过页面渲染将用户请求的页面呈现给用户。在现有技术中,常用的页面渲染方法主要包括客户端渲染模式(CSR,Client siderender)和服务端渲染模式(SSR,Server side render)。
然而,如果不能根据实际场景选择客户端渲染模式或者服务端渲染模式,那么会出现页面渲染的效率低或者服务器压力过大等问题。
因此,亟需提出一种页面渲染方法,在保证页面渲染效率的同时,降低服务器压力。
发明内容
本发明实施例是提供一种页面渲染方法、装置、电子设备以及计算机可读存储介质,以在保证页面渲染效率的同时,降低服务器压力。
本发明实施例公开了一种页面渲染方法,应用于客户端,所述方法包括:
生成目标页面的渲染请求;
获取所述客户端的网络信号模式,以及所述客户端所在的终端设备的设备数据;所述网络信号模式用于表征所述客户端当前的网络状态,所述设备数据用于表征所述终端设备的设备性能;
根据所述网络信号模式和所述设备数据确定目标页面渲染模式;所述目标页面渲染模式包括客户端渲染模式和服务端渲染模式;
将所述渲染请求和所述目标页面渲染模式的通知消息发送至所述服务器;其中,所述服务器用于在获取所述渲染请求对应的页面资源数据后,基于所述通知消息中的所述目标页面渲染模式对所述页面资源数据执行相应的处理逻辑,以得到在所述客户端中呈现的目标页面。
可选地,通过如下方式获得所述终端设备的设备数据:
获取所述客户端在客户端渲染模式时的页面渲染时间;其中,所述页面渲染时间为所述客户端向所述服务器发送所述渲染请求至所述所述客户端基于所述服务器针对所述渲染请求返回的页面资源数据渲染生成目标页面的时间间隔;
当所述页面渲染时间高于或等于预设阈值时,记录所述客户端所在的终端设备对应的设备数据为第二设备性能;
当所述页面渲染时间低于预设阈值时,记录所述客户端所在的终端设备对应的设备数据为第一设备性能;所述第一设备性能高于所述第二设备性能。
可选地,通过如下方式生成所述预设阈值:
统计生成用户最大忍耐时间和数据包传输加载时间;
将所述用户最大忍耐时间和所述数据包传输加载时间之间的时间间隔,作为预设阈值。
可选地,所述根据所述网络信号模式和所述设备数据确定目标页面渲染模式,包括:
当所述网络信号模式是2G信号模式和3G信号模式,确定所述目标页面渲染模式为服务端渲染模式;
当所述网络信号模式不是2G信号模式和3G信号模式,若所述设备数据为第一设备性能则确定所述目标页面渲染模式为服务端渲染模式,若所述设备数据为第二设备性能则确定所述目标页面渲染模式为客户端渲染模式。
可选地,在所述将所述渲染请求和所述目标页面渲染模式的通知消息发送至所述服务器之后,所述方法还包括:
当所述目标页面渲染模式为服务端渲染模式时,所述服务器用于在获取所述渲染请求对应的页面资源数据后,基于所述页面资源数据渲染生成目标页面;
将所述目标页面发送至所述客户端,以在所述客户端呈现所述目标页面。
可选地,在所述将所述渲染请求和所述目标页面渲染模式的通知消息发送至所述服务器之后,所述方法还包括:
当所述目标页面渲染模式为客户端渲染模式时,接收所述服务器针对所述渲染请求返回对应的页面资源数据;
基于所述页面资源数据渲染生成目标页面,以在所述客户端呈现所述目标页面。
可选地,所述客户端与所述服务器使用同一套可执行的前端代码和前端框架。
本发明实施例还公开了一种页面渲染装置,应用于客户端,所述装置包括:
渲染请求生成模块,用于生成目标页面的渲染请求;
数据获取模块,用于获取所述客户端的网络信号模式,以及所述客户端所在的终端设备的设备数据;所述网络信号模式用于表征所述客户端当前的网络状态,所述设备数据用于表征所述终端设备的设备性能;
页面渲染模式确定模块,用于根据所述网络信号模式和所述设备数据确定目标页面渲染模式;所述目标页面渲染模式包括客户端渲染模式和服务端渲染模式;
数据发送模块,用于将所述渲染请求和所述目标页面渲染模式的通知消息发送至所述服务器;其中,所述服务器用于在获取所述渲染请求对应的页面资源数据后,基于所述通知消息中的所述目标页面渲染模式对所述页面资源数据执行相应的处理逻辑,以得到在所述客户端中呈现的目标页面。
可选地,所述装置还包括页面渲染时间生成模块,用于获取所述客户端在客户端渲染模式时的页面渲染时间;其中,所述页面渲染时间为所述客户端向所述服务器发送所述渲染请求至所述所述客户端基于所述服务器针对所述渲染请求返回的页面资源数据渲染生成目标页面的时间间隔;当所述页面渲染时间高于或等于预设阈值时,记录所述客户端所在的终端设备对应的设备数据为第二设备性能;当所述页面渲染时间低于预设阈值时,记录所述客户端所在的终端设备对应的设备数据为第一设备性能;所述第一设备性能高于所述第二设备性能。
可选地,所述装置还包括预设阈值生成模块,用于统计生成用户最大忍耐时间和数据包传输加载时间;将所述用户最大忍耐时间和所述数据包传输加载时间之间的时间间隔,作为预设阈值。
可选地,所述页面渲染模式确定模块,用于当所述网络信号模式是2G信号模式和3G信号模式,确定所述目标页面渲染模式为服务端渲染模式;当所述网络信号模式不是2G信号模式和3G信号模式,若所述设备数据为第一设备性能则确定所述目标页面渲染模式为服务端渲染模式,若所述设备数据为第二设备性能则确定所述目标页面渲染模式为客户端渲染模式。
可选地,所述装置还包括服务端渲染模式模块,用于当所述目标页面渲染模式为服务端渲染模式时,所述服务器用于在获取所述渲染请求对应的页面资源数据后,基于所述页面资源数据渲染生成目标页面;将所述目标页面发送至所述客户端,以在所述客户端呈现所述目标页面。
可选地,所述装置还包括客户端渲染模式模块,用于当所述目标页面渲染模式为客户端渲染模式时,接收所述服务器针对所述渲染请求返回对应的页面资源数据;基于所述页面资源数据渲染生成目标页面,以在所述客户端呈现所述目标页面。
可选地,所述客户端与所述服务器使用同一套可执行的前端代码和前端框架。
本发明实施例还公开了一种电子设备,包括处理器、通信接口、存储器和通信总线,其中,所述处理器、所述通信接口以及所述存储器通过所述通信总线完成相互间的通信;
所述存储器,用于存放计算机程序;
所述处理器,用于执行存储器上所存放的程序时,实现如本发明实施例所述的方法。
本发明实施例还公开了一个或多个计算机可读介质,其上存储有指令,当由一个或多个处理器执行时,使得所述处理器执行如本发明实施例所述的方法。
本发明实施例还公开了一种计算机程序产品,该程序产品被存储在存储介质中,该计算机程序产品被至少一个处理器执行以实现如本发明实施例所述的方法。
本发明实施例包括以下优点:
在本发明实施例中,在客户端中打开目标页面时,生成目标页面的渲染请求,获取客户端的网络信号模式,以及客户端所在的终端设备的设备数据,从而根据网络信号模式和设备数据确定目标页面渲染模式,即是客户端渲染模式或者服务端渲染模式,然后将渲染请求和目标页面渲染模式的通知消息发送至服务器,使得服务器可以在所述渲染请求对应的页面资源数据后,基于通知消息中的目标页面渲染模式对页面资源数据执行相应的处理逻辑,以得到在客户端中呈现的目标页面。本发明实施例可以在保证页面渲染效率的同时,降低服务器压力,并且,由于保证了页面渲染效率,可以避免出现页面刷新较慢,导致用户对页面渲染的感知差异较大的问题。
附图说明
图1是本发明实施例中提供的一种页面渲染方法的应用环境图;
图2是本发明实施例中提供的一种页面渲染方法的步骤流程图;
图3是本发明实施例中提供的另一种页面渲染方法的步骤流程图;
图4是本发明实施例中提供的一种端侧渲染选择逻辑图;
图5是本发明实施例中提供的一种服务端渲染模式系统交互图;
图6是本发明实施例中提供的一种客户端渲染模式系统交互图;
图7是本发明实施例中提供的一种页面渲染装置的结构框图。
具体实施方式
为使本发明的上述目的、特征和优点能够更加明显易懂,下面结合附图和具体实施方式对本发明作进一步详细的说明。
具体地,客户端渲染模式是客户端(例如浏览器)先获取服务器传输的页面对应的页面资源数据,在客户端对页面资源数据进行渲染得到HTML(Hyper TextMarkupLanguage,超级文本标记语言)格式的页面,这种模式在前端三大框架Vue2、React、Angular得到了广泛应用。但是,客户端渲染模式效率依赖于客户端性能、浏览器性能和网络环境,当客户端所在的终端设备性能较差、网络环境不佳等情况下时,在打开客户端的页面时,存在页面的整页加载速度慢、白屏等待时间长的问题。
为了解决客户端渲染模式存在的问题,业界还提供了另一种模式,即服务端渲染模式,具体地,服务端渲染模式是将页面对应的页面资源数据进行渲染得到页面后,然后直接将完整的页面呈现在客户端中,即客户端只需要接收服务器发送过来的页面,不需要做任何操作直接呈现。然而,虽然服务端渲染模式可以解决等待数据传输带来的性能开销问题,但是同时也增大了服务器压力,并且,路由切换时无法有效使用客户端渲染模式能力,导致页面刷新(切换)较慢的问题。
鉴于用户所处的网络环境不同、客户端所在的终端设备的设备性能不同,本发明实施例提供一种可以根据不同应用场景,自适应地选择渲染端的页面渲染方法,通过该方法规避网络拥堵、设备性能等的局限,使不同应用场景下的用户都能够在第一时间得到较为完整的请求反馈,实现业务的快速响应,同时该方法在同构技术的框架下,使得服务端渲染模式与客户端渲染模式可做到无缝融合,因此使用户对页面渲染的感知差异降低到最小。
具体地,本发明实施例的页面渲染方法,应用于如图1所示的应用环境中。其中,客户端所在的终端设备101通过通信网络与服务器102进行交互,终端设备101生成目标页面的渲染请求;终端设备101获取所述客户端的网络信号模式,以及所述客户端所在的终端设备101的设备数据;所述网络信号模式用于表征所述客户端当前的网络状态,所述设备数据用于表征所述终端设备的设备性能;终端设备101根据所述网络信号模式和所述设备数据确定目标页面渲染模式;所述目标页面渲染模式包括客户端渲染模式和服务端渲染模式;终端设备101将所述渲染请求和所述目标页面渲染模式的通知消息发送至所述服务器102;所述服务器102在获取所述渲染请求对应的页面资源数据后,基于所述通知消息中的所述目标页面渲染模式对所述页面资源数据执行相应的处理逻辑,以得到在所述客户端中呈现的目标页面。
其中,终端设备101可以是但不限于各种智能手机、平板电脑或笔记本电脑等等,服务器102可以为独立的服务器或者是多个服务器组成的服务器集群。
参照图1,示出了本发明实施例中提供的一种页面渲染方法的步骤流程图,应用于客户端,具体可以包括如下步骤:
步骤101、生成目标页面的渲染请求;
在具体实现中,在用户想要打开客户端(APP)中的页面或者页面中的业务时,可以将该页面作为目标页面,并生成该目标页面的渲染请求(或者业务请求),以基于该渲染请求从服务器获取到该目标页面对应的页面资源数据以渲染生成目标页面,或者从服务器获取由服务器渲染生成的、可以直接在客户端上呈现目标页面的文件。
其中,页面资源数据可以包括取JavaScript脚本(JS脚本)和HTML文本等等。具体地,HTML文本中包含对JavaScript脚本的请求引用,通过请求运行JavaScript脚本,可以获取相应的资源数据(比如图片),以在目标页面中显示。
步骤102、获取所述客户端的网络信号模式,以及所述客户端所在的终端设备的设备数据;所述网络信号模式用于表征所述客户端当前的网络状态,所述设备数据用于表征所述终端设备的设备性能。
步骤103、根据所述网络信号模式和所述设备数据确定目标页面渲染模式;所述目标页面渲染模式包括客户端渲染模式和服务端渲染模式。
在本发明实施例中,可以客户端打开目标页面时,获取客户端的网络信号模式以及客户端所在的终端设备的设备数据,以基于网络信号模式确定客户端的网络状态(例如是否网络拥堵),以及基于设备数据确定客户端所在终端设备的设备性能(例如是低性能还是高性能),因此根据据网络信号模式和设备数据,可以确定出当前比较合适的在渲染生成目标页面时采用的目标页面渲染模式,例如是客户端渲染模式还是服务端渲染模式,从而可以在客户端网络状态较佳时选择客户端渲染模式,在客户端网络状态较差时选择服务端渲染模式,在设备性能较差时选择服务端渲染模式,或者在设备性能较佳时选择客户端渲染模式,通过灵活选择渲染端,可以在保证页面渲染效率的同时,避免服务器压力过大。
步骤104、将所述渲染请求和所述目标页面渲染模式的通知消息发送至所述服务器;其中,所述服务器用于在获取所述渲染请求对应的页面资源数据后,基于所述通知消息中的所述目标页面渲染模式对所述页面资源数据执行相应的处理逻辑,以得到在所述客户端中呈现的目标页面。
在本发明实施例中,在确定目标页面的目标页面渲染模式时,客户端可以将选择客户端渲染模式或者服务端渲染模式的通知消息发送至服务器,服务器则可以基于渲染请求获取到对应的页面资源数据,然后基于通知消息,渲染服务端渲染模式或者客户端渲染模式,最终可以在客户端中呈现基于页面资源数据生成的目标页面。
需要说明的是,客户端与服务器使用同一套可执行的前端代码和前端框架,由于服务器和客户端使用同一套前端代码和前端框架,降低维护成本,保持业务代码的逻辑一致性。
在上述页面渲染方法中,在客户端中打开目标页面时,生成目标页面的渲染请求,获取客户端的网络信号模式,以及客户端所在的终端设备的设备数据,从而根据网络信号模式和设备数据确定目标页面渲染模式,即是客户端渲染模式或者服务端渲染模式,然后将渲染请求和目标页面渲染模式的通知消息发送至服务器,使得服务器可以在所述渲染请求对应的页面资源数据后,基于通知消息中的目标页面渲染模式对页面资源数据执行相应的处理逻辑,以得到在客户端中呈现的目标页面。本发明实施例可以在保证页面渲染效率的同时,降低服务器压力,并且,由于保证了页面渲染效率,可以避免出现页面刷新较慢,导致用户对页面渲染的感知差异较大的问题。
参照图3,示出了本发明实施例中提供的另一种页面渲染方法的步骤流程图,应用于客户端,具体可以包括如下步骤:
步骤301、生成目标页面的渲染请求;
步骤302、获取所述客户端的网络信号模式,以及所述客户端所在的终端设备的设备数据;所述网络信号模式用于表征所述客户端当前的网络状态,所述设备数据用于表征所述终端设备的设备性能;
步骤303、当所述网络信号模式是2G信号模式和3G信号模式,确定所述目标页面渲染模式为服务端渲染模式;
步骤304、当所述网络信号模式不是2G信号模式和3G信号模式,若所述设备数据为第一设备性能则确定所述目标页面渲染模式为服务端渲染模式,若所述设备数据为第二设备性能则确定所述目标页面渲染模式为客户端渲染模式;其中,所述第一设备性能高于所述第二设备性能。
具体地,网络信号模式可以包括2G信号模式、3G信号模式、4G信号模式、5G信号模式等等,若网络信号模式是2G信号模式或者3G信号模式,则可以确定为客户端当前的网络状态不佳,若网络信号模式不是2G信号模式或者3G信号模式,则可以确定为客户端当前的网络状态较佳。
其中,设备数据可以是预先基于客户端渲染模式所需要的页面渲染时间生成的。在一示例性实施例中,通过如下方式获得所述终端设备的设备数据:
获取所述客户端在客户端渲染模式时的页面渲染时间;其中,所述页面渲染时间为所述客户端向所述服务器发送所述渲染请求至所述所述客户端基于所述服务器针对所述渲染请求返回的页面资源数据渲染生成目标页面的时间间隔;
当所述页面渲染时间高于或等于预设阈值时,记录所述客户端所在的终端设备对应的设备数据为第二设备性能;
当所述页面渲染时间低于预设阈值时,记录所述客户端所在的终端设备对应的设备数据为第一设备性能;所述第一设备性能高于所述第二设备性能。
例如,可以设置设备数据包括第一设备性能和第二设备性能,并且第一设备性能高于第二设备性能,因此,若设备数据是第一设备性能,则可以确定为客户端所在的设备性能较好,是高性能的终端设备,若设备数据是第二设备性能,则可以确定为客户端所在的设备性能较差,是低性能的终端设备。
其中,设备性能是基于客户端渲染模式页面所需要的页面渲染时间生成的,具体地,页面渲染时间是从客户端发送页面请求到页面渲染完成的时间间隔,由客户端统计。
在本发明实施例中,设定了一个预设阈值,当页面渲染时间高于或等于预设阈值时,说明客户端所在的终端设备处理能力较弱,记录客户端所在的终端设备对应的设备数据为第二设备性能,反之,当页面渲染时间低于预设阈值时,说明客户端所在的终端设备处理能力较强,记录客户端所在的终端设备对应的设备数据为第一设备性能。
在一示例性实施例中,通过如下方式生成所述预设阈值:
统计生成用户最大忍耐时间和数据包传输加载时间;
将所述用户最大忍耐时间和所述数据包传输加载时间之间的时间间隔,作为预设阈值。
本发明实施例中,预设阈值Tx为根据用户最大忍耐时间Tm所设定的阈值,计算公式为:Tx=Tm-Tc,其中Tc为数据包传输加载时间,Tm为在根据大数据技术对具代表性客户群使用行为监测分析后得到的时间限值。因此本发明实施例的特征在于侧重于对用户感知的判断,以用户为出发点进行渲染模式自适应选择的设置,更加贴近用户。同时,动态选择渲染模式的方法同样降低服务器的压力,以最小代价实现业务场景的无缝切换。
在本发明实施例中,在客户端发送目标页面的渲染请求时,可以获取客户端的网络信号模式,以及客户端所在的终端设备的设备数据,然后,先基于网络信号模式进行第一次判断,具体地,若网络信号模式是2G信号模式和3G信号模式,则可以选择服务端渲染模式,若网络信号模式不是2G信号模式和3G信号模式(即是4G信号模式、5G信号模式或者更高的信号模式),然后基于设备数据进行第二次判断,具体地,假设第一设备性能高于第二设备性能,若设备数据为第一设备性能,则可以选择客户端渲染模式,若设备数据为第二设备性能,则可以选择服务端渲染模式。
在本发明实施例中,在客户端APP(例如浏览器)中设置一个判断渲染方式的逻辑模块,当用户在客户端APP的页面点取一个业务操作时,所述逻辑模块获取网络信号模式、设备数据、页面渲染时间并进行判断,以确定是渲染服务端渲染模式还是客户端渲染模式,然后,将选择服务端渲染模式或客户端渲染模式的通知消息发送至服务器。
参照图4,是本发明实施例中提供的一种端侧渲染选择逻辑图,选择客户端渲染模式或服务端渲染模式的判断逻辑具体为:
S1、设定客户端APP的默认选择渲染模式为客户端渲染模式,即将逻辑模块的判断条件的默认值参数设定为客户端渲染模式适用环境下的值。
S2、当用户发送渲染请求时,客户端APP首页根据网络信号模式进行第一次判断。当客户端首页获取到的网络信号模式是2G信号模式或3G信号模式时,将客户端渲染模式直接切换为服务端渲染模式,客户端将选择服务端渲染模式的通知消息发送至服务器,服务器作相应处理。
S3、当客户端APP首页获取到的网络信号模式不是2G信号模式或3G信号模式时,即网络信号优于2G信号模式或3G信号模式,视同为4G信号模式或5G信号模式,则客户端APP进行内跳转,继续沿用客户端渲染模式,客户端APP将选择客户端渲染模式的通知消息发送服务器,服务器作相应处理。
S4、在客户端APP完成对服务器所发送的框架文件、业务代码及数据资源(即HTML文本、JS脚本和资源数据)并完成加载后,客户端跟踪实时页面渲染时间,进行第二次判断。当页面渲染时间高于本发明实施例的预设阈值时,客户端APP将其所在的终端设备(为APP所在的手机设备)认定为低性能的终端设备,选择服务端渲染模式,客户端将选择服务端渲染模式的通知消息发送至服务器,服务器作相应处理。
S5、当页面渲染时间(页面渲染时间是从客户端APP发送页面的渲染请求到页面渲染完成的时间间隔,由客户端统计得到)低于本发明实施例的预设阈值时,客户端APP将其所在的终端设备认定为高性能的终端设备,继续沿用客户端渲染模式,客户端将选择客户端渲染模式的通知消息发送至服务器,服务器作相应处理。
步骤305、将所述渲染请求和所述目标页面渲染模式的通知消息发送至所述服务器;其中,所述服务器用于在获取所述渲染请求对应的页面资源数据后,基于所述通知消息中的所述目标页面渲染模式对所述页面资源数据执行相应的处理逻辑,以得到在所述客户端中呈现的目标页面。
在本发明实施例中,客户端可以将选择客户端渲染模式或者服务端渲染模式的通知消息和渲染请求发送至服务器,服务器则可以基于渲染请求获取到对应的页面资源数据,然后基于通知消息,渲染服务端渲染模式或者客户端渲染模式,最终可以在客户端中呈现基于页面资源数据生成的目标页面。
在一示例性实施例中,在所述步骤305将所述渲染请求和所述目标页面渲染模式的通知消息发送至所述服务器之后,所述方法还可以包括如下步骤:
当所述目标页面渲染模式为服务端渲染模式时,所述服务器用于在获取所述渲染请求对应的页面资源数据后,基于所述页面资源数据渲染生成目标页面;
将所述目标页面发送至所述客户端,以在所述客户端呈现所述目标页面。
在本发明实施例中,当服务器接收到页面的渲染请求与客户端APP的选择服务端渲染模式的通知消息时,服务端确定渲染页面所需数据,调取页面组件数据并组装为渲染页面(目标页面),然后将目标页面发送至客户端APP,同时激活客户端,开启后续交互操作准备。参照图5,是本发明实施例中提供的一种服务端渲染模式系统交互图,具体步骤包括:
S1、服务器接收客户端APP(浏览器)所发送的渲染请求与客户端的选择服务端渲染模式的通知消息,在确定使用服务端渲染模式后,服务器根据客户端的渲染请求获取渲染生成目标页面所需的数据。
S2、服务器在Node服务中预先获取页面组件数据(是业务相关数据,比如营业厅详情页,显示营业厅位置、营业时间、办理的业务内容等数据),根据渲染请求确定所需的渲染页面在Java服务(另一个后台服务,主要负责业务数据的数据库查询等操作)中获取该渲染请求的相应页面数据(是业务相关数据,比如营业厅详情页,显示营业厅位置、营业时间、办理的业务内容等数据)。
S3、服务器根据获取到的页面数据和本页的组件进行渲染(render),渲染成功之后该业务对应的渲染页面返回给客户端。
S4、客户端APP接收服务端发送的渲染页面的文件并进行客户端激活,把服务端发送过的业务数据绑定到客户端APP页面组件(业务数据,指营业厅地址,营业时间、办理业务内容等信息.数据绑定到组件,是为了后续数据发生变动时,组件会根据数据的变化,再页面自动更新对该数据的显示),开启后续交互操作准备,实现与客户端渲染模式的无缝衔接和组件数据的相互融合。
在一示例性实施例中,在所述步骤305将所述渲染请求和所述目标页面渲染模式的通知消息发送至所述服务器之后,所述方法还可以包括如下步骤:
当所述目标页面渲染模式为客户端渲染模式时,接收所述服务器针对所述渲染请求返回对应的页面资源数据;
基于所述页面资源数据渲染生成目标页面,以在所述客户端呈现所述目标页面。
在本发明实施例中,当服务器接收到页面的渲染请求与客户端的选择服务端渲染模式的通知消息时服务器调取对应该业务请求的HTML文本(该HTML没有数据,主要包含对JavaScript脚本的请求引用)和JavaScript脚本(通过运行JavaScript脚本,请求后端数据和组织数据显示到页面上),返回给客户端APP进行处理,实现用户渲染页面首页的生成,并开启后续交互操作准备。参照图6,是本发明实施例中提供的一种客户端渲染模式系统交互图,具体步骤包括:
S1、服务器接收客户端APP(浏览器)所发送的渲染请求与客户端的选择服务端渲染模式的通知消息,调取对应该渲染请求的HTML文本,客户端APP下载HTML文本。
S2、服务器调取JavaScript脚本,客户端APP下载JavaScript脚本,下载成功后执行JavaScript脚本生成该渲染请求所对应的渲染页面的首页。
S3、当用户在进行后续操作时,构成对客户端APP其他页面的请求,客户端APP进行页内无刷新跳转,客户端APP请求业务数据和路由跳转,在充分利用客户端资源的条件下实现最佳页面性能渲染效果。
需要说明的是,本发明实施例中,可以根据不同应用场景自适应地选择渲染端的方法是以客户端渲染模式为默认渲染模式,当条件触发模式切换条件时选取服务端渲染模式,服务端在一次性向客户端提供完整的渲染完成的目标页面时,原来的客户端交互模式不变,不影响后续的交互功能。同时,本发明实施例以服务器和客户端使用同一套业务代码为条件,即以代码同构为基础,因此不仅可以减少在运行过程中的维护成本,还因业务逻辑的一致性,使服务器与客户端的页面渲染在自适应的切换上达到无缝融合的效果,在用户进行业务办理时使用户感知差异降为最小。
综上可知,本发明实施例相对现有技术而言,至少具有如下优点和效益:
(1)本发明实施例在渲染端选择的逻辑判断设计上,以用户体验为出发点,对客户端所在的终端设备的性能判断的页面渲染时间阈值的设置,以客户最大忍耐时间为条件限制,相对于现有技术在逻辑上具有更强的针对性,在判断选择端侧渲染时具有更高灵敏度,更加贴近用户端。
(2)本发明实施例以代码同构为基础,因业务逻辑的一致性,使服务器与客户端的页面渲染在自适应的切换上达到无缝融合的效果,在业务办理时使用户感知差异降为最小。
(3)本发明实施例在实现时只需要少部分的代码重构,就可以将原来单一客户端渲染模式改造成客户端渲染模式和服务端渲染模式根据应用场景的动态调换模式,在提升与用户交互能力时不增加维护成本,不增加业务逻辑的复杂性。
(4)相对现有技术而言,本发明实施例具有更广泛的适用性,不局限于某一行业领域的软件项目,只要是基于前端的Vue/React框架,都可以实现本发明实施例的根据不同应用场景自适应地选择渲染端的方案。
本发明实施例可应用在客户端APP或者客户端APP中的某些项目中上,例如手机等终端设备中的电信APP,能够提升电信APP的用户响应能力,进而提升用户满意度。
另外,本发明实施例使用了针对比较流行的客户端渲染模式Vue2/Vue3/React技术,在渲染时将客户端的页面所有内容都默认选择服务端渲染模式,当服务端并发超过一定压力时进行降级处理,进行客户端渲染模式。当客户端渲染模式的用户使用过程中出现白屏时间较长等问题时,系统切换为服务端渲染模式,从而使客户端直接接收可以完整展示的页面,缩短等待时间。当然,对于性能较优的设终端设备,白屏时间本身就较短,可以继续使用客户端渲染模式,可以让服务器腾出更多的资源响应其他终端设备的客户端的服务端渲染模式请求,实现资源的最优配置。
需要说明的是,对于方法实施例,为了简单描述,故将其都表述为一系列的动作组合,但是本领域技术人员应该知悉,本发明实施例并不受所描述的动作顺序的限制,因为依据本发明实施例,某些步骤可以采用其他顺序或者同时进行。其次,本领域技术人员也应该知悉,说明书中所描述的实施例均属于优选实施例,所涉及的动作并不一定是本发明实施例所必须的。
参照图7,示出了本发明实施例中提供的一种页面渲染装置的结构框图,应用于客户端,具体可以包括如下模块:
渲染请求生成模块701,用于生成目标页面的渲染请求;
数据获取模块702,用于获取所述客户端的网络信号模式,以及所述客户端所在的终端设备的设备数据;所述网络信号模式用于表征所述客户端当前的网络状态,所述设备数据用于表征所述终端设备的设备性能;
页面渲染模式确定模块703,用于根据所述网络信号模式和所述设备数据确定目标页面渲染模式;所述目标页面渲染模式包括客户端渲染模式和服务端渲染模式;
数据发送模块704,用于将所述渲染请求和所述目标页面渲染模式的通知消息发送至所述服务器;其中,所述服务器用于在获取所述渲染请求对应的页面资源数据后,基于所述通知消息中的所述目标页面渲染模式对所述页面资源数据执行相应的处理逻辑,以得到在所述客户端中呈现的目标页面。
在一示例性实施例中,所述装置还包括页面渲染时间生成模块,用于获取所述客户端在客户端渲染模式时的页面渲染时间;其中,所述页面渲染时间为所述客户端向所述服务器发送所述渲染请求至所述所述客户端基于所述服务器针对所述渲染请求返回的页面资源数据渲染生成目标页面的时间间隔;当所述页面渲染时间高于或等于预设阈值时,记录所述客户端所在的终端设备对应的设备数据为第二设备性能;当所述页面渲染时间低于预设阈值时,记录所述客户端所在的终端设备对应的设备数据为第一设备性能;所述第一设备性能高于所述第二设备性能。
在一示例性实施例中,所述装置还包括预设阈值生成模块,用于统计生成用户最大忍耐时间和数据包传输加载时间;将所述用户最大忍耐时间和所述数据包传输加载时间之间的时间间隔,作为预设阈值。
在一示例性实施例中,所述页面渲染模式确定模块703,用于当所述网络信号模式是2G信号模式和3G信号模式,确定所述目标页面渲染模式为服务端渲染模式;当所述网络信号模式不是2G信号模式和3G信号模式,若所述设备数据为第一设备性能则确定所述目标页面渲染模式为服务端渲染模式,若所述设备数据为第二设备性能则确定所述目标页面渲染模式为客户端渲染模式。
在一示例性实施例中,所述装置还包括服务端渲染模式模块,用于当所述目标页面渲染模式为服务端渲染模式时,所述服务器用于在获取所述渲染请求对应的页面资源数据后,基于所述页面资源数据渲染生成目标页面;将所述目标页面发送至所述客户端,以在所述客户端呈现所述目标页面。
在一示例性实施例中,所述装置还包括客户端渲染模式模块,用于当所述目标页面渲染模式为客户端渲染模式时,接收所述服务器针对所述渲染请求返回对应的页面资源数据;基于所述页面资源数据渲染生成目标页面,以在所述客户端呈现所述目标页面。
在一示例性实施例中,所述客户端与所述服务器使用同一套可执行的前端代码和前端框架。
综上,在本发明实施例中,在客户端中打开目标页面时,生成目标页面的渲染请求,获取客户端的网络信号模式,以及客户端所在的终端设备的设备数据,从而根据网络信号模式和设备数据确定目标页面渲染模式,即是客户端渲染模式或者服务端渲染模式,然后将渲染请求和目标页面渲染模式的通知消息发送至服务器,使得服务器可以在所述渲染请求对应的页面资源数据后,基于通知消息中的目标页面渲染模式对页面资源数据执行相应的处理逻辑,以得到在客户端中呈现的目标页面。本发明实施例可以在保证页面渲染效率的同时,降低服务器压力,并且,由于保证了页面渲染效率,可以避免出现页面刷新较慢,导致用户对页面渲染的感知差异较大的问题。
对于装置实施例而言,由于其与方法实施例基本相似,所以描述的比较简单,相关之处参见方法实施例的部分说明即可。
优选的,本发明实施例还提供了一种电子设备,包括:处理器,存储器,存储在存储器上并可在处理器上运行的计算机程序,该计算机程序被处理器执行时实现上述页面渲染方法实施例的各个过程,且能达到相同的技术效果,为避免重复,这里不再赘述。
本发明实施例还提供了一种计算机可读存储介质,计算机可读存储介质上存储有计算机程序,计算机程序被处理器执行时实现上述页面渲染方法实施例的各个过程,且能达到相同的技术效果,为避免重复,这里不再赘述。其中,所述的计算机可读存储介质,如只读存储器(Read-Only Memory,简称ROM)、随机存取存储器(Random Access Memory,简称RAM)、磁碟或者光盘等。
本发明实施例提供一种计算机程序产品,该程序产品被存储在存储介质中,该程序产品被至少一个处理器执行以实现如上述方法实施例的各个过程,且能达到相同的技术效果,为避免重复,这里不再赘述。
需要说明的是,在本文中,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者装置不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者装置所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括该要素的过程、方法、物品或者装置中还存在另外的相同要素。
通过以上的实施方式的描述,本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现,当然也可以通过硬件,但很多情况下前者是更佳的实施方式。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质(如ROM/RAM、磁碟、光盘)中,包括若干指令用以使得一台终端(可以是手机,计算机,服务器,空调器,或者网络设备等)执行本发明各个实施例所述的方法。
上面结合附图对本发明的实施例进行了描述,但是本发明并不局限于上述的具体实施方式,上述的具体实施方式仅仅是示意性的,而不是限制性的,本领域的普通技术人员在本发明的启示下,在不脱离本发明宗旨和权利要求所保护的范围情况下,还可做出很多形式,均属于本发明的保护之内。
本领域普通技术人员可以意识到,结合本发明实施例中所公开的实施例描述的各示例的单元及算法步骤,能够以电子硬件、或者计算机软件和电子硬件的结合来实现。这些功能究竟以硬件还是软件方式来执行,取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能,但是这种实现不应认为超出本发明的范围。
所属领域的技术人员可以清楚地了解到,为描述的方便和简洁,上述描述的系统、装置和单元的具体工作过程,可以参考前述方法实施例中的对应过程,在此不再赘述。
在本申请所提供的实施例中,应该理解到,所揭露的装置和方法,可以通过其它的方式实现。例如,以上所描述的装置实施例仅仅是示意性的,例如,所述单元的划分,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式,例如多个单元或组件可以结合或者可以集成到另一个系统,或一些特征可以忽略,或不执行。另一点,所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口,装置或单元的间接耦合或通信连接,可以是电性,机械或其它的形式。
所述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外,在本发明各个实施例中的各功能单元可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中。
所述功能如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在一个计算机可读取存储介质中。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质中,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括:U盘、移动硬盘、ROM、RAM、磁碟或者光盘等各种可以存储程序代码的介质。
以上所述,仅为本发明的具体实施方式,但本发明的保护范围并不局限于此,任何熟悉本技术领域的技术人员在本发明揭露的技术范围内,可轻易想到变化或替换,都应涵盖在本发明的保护范围之内。因此,本发明的保护范围应以权利要求的保护范围为准。
Claims (10)
1.一种页面渲染方法,其特征在于,应用于客户端,所述方法包括:
生成目标页面的渲染请求;
获取所述客户端的网络信号模式,以及所述客户端所在的终端设备的设备数据;所述网络信号模式用于表征所述客户端当前的网络状态,所述设备数据用于表征所述终端设备的设备性能;
根据所述网络信号模式和所述设备数据确定目标页面渲染模式;所述目标页面渲染模式包括客户端渲染模式和服务端渲染模式;
将所述渲染请求和所述目标页面渲染模式的通知消息发送至所述服务器;其中,所述服务器用于在获取所述渲染请求对应的页面资源数据后,基于所述通知消息中的所述目标页面渲染模式对所述页面资源数据执行相应的处理逻辑,以得到在所述客户端中呈现的目标页面。
2.根据权利要求1所述的方法,其特征在于,通过如下方式获得所述终端设备的设备数据:
获取所述客户端在客户端渲染模式时的页面渲染时间;其中,所述页面渲染时间为所述客户端向所述服务器发送所述渲染请求至所述所述客户端基于所述服务器针对所述渲染请求返回的页面资源数据渲染生成目标页面的时间间隔;
当所述页面渲染时间高于或等于预设阈值时,记录所述客户端所在的终端设备对应的设备数据为第二设备性能;
当所述页面渲染时间低于预设阈值时,记录所述客户端所在的终端设备对应的设备数据为第一设备性能;所述第一设备性能高于所述第二设备性能。
3.根据权利要求2所述的方法,其特征在于,通过如下方式生成所述预设阈值:
统计生成用户最大忍耐时间和数据包传输加载时间;
将所述用户最大忍耐时间和所述数据包传输加载时间之间的时间间隔,作为预设阈值。
4.根据权利要求3所述的方法,其特征在于,所述根据所述网络信号模式和所述设备数据确定目标页面渲染模式,包括:
当所述网络信号模式是2G信号模式和3G信号模式,确定所述目标页面渲染模式为服务端渲染模式;
当所述网络信号模式不是2G信号模式和3G信号模式,若所述设备数据为第一设备性能则确定所述目标页面渲染模式为服务端渲染模式,若所述设备数据为第二设备性能则确定所述目标页面渲染模式为客户端渲染模式。
5.根据权利要求1所述的方法,其特征在于,在所述将所述渲染请求和所述目标页面渲染模式的通知消息发送至所述服务器之后,所述方法还包括:
当所述目标页面渲染模式为服务端渲染模式时,所述服务器用于在获取所述渲染请求对应的页面资源数据后,基于所述页面资源数据渲染生成目标页面;
将所述目标页面发送至所述客户端,以在所述客户端呈现所述目标页面。
6.根据权利要求1所述的方法,其特征在于,在所述将所述渲染请求和所述目标页面渲染模式的通知消息发送至所述服务器之后,所述方法还包括:
当所述目标页面渲染模式为客户端渲染模式时,接收所述服务器针对所述渲染请求返回对应的页面资源数据;
基于所述页面资源数据渲染生成目标页面,以在所述客户端呈现所述目标页面。
7.根据权利要求1所述的方法,其特征在于,所述客户端与所述服务器使用同一套可执行的前端代码和前端框架。
8.一种页面渲染装置,其特征在于,应用于客户端,所述装置包括:
渲染请求生成模块,用于生成目标页面的渲染请求;
数据获取模块,用于获取所述客户端的网络信号模式,以及所述客户端所在的终端设备的设备数据;所述网络信号模式用于表征所述客户端当前的网络状态,所述设备数据用于表征所述终端设备的设备性能;
页面渲染模式确定模块,用于根据所述网络信号模式和所述设备数据确定目标页面渲染模式;所述目标页面渲染模式包括客户端渲染模式和服务端渲染模式;
数据发送模块,用于将所述渲染请求和所述目标页面渲染模式的通知消息发送至所述服务器;其中,所述服务器用于在获取所述渲染请求对应的页面资源数据后,基于所述通知消息中的所述目标页面渲染模式对所述页面资源数据执行相应的处理逻辑,以得到在所述客户端中呈现的目标页面。
9.一种电子设备,其特征在于,包括处理器、通信接口、存储器和通信总线,其中,所述处理器、所述通信接口以及所述存储器通过所述通信总线完成相互间的通信;
所述存储器,用于存放计算机程序;
所述处理器,用于执行存储器上所存放的程序时,实现如权利要求1-7任一项所述的方法。
10.一个或多个计算机可读介质,其上存储有指令,当由一个或多个处理器执行时,使得所述处理器执行如权利要求1-7任一项所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202111605196.3A CN114500484A (zh) | 2021-12-24 | 2021-12-24 | 页面渲染方法、装置、电子设备及可读介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202111605196.3A CN114500484A (zh) | 2021-12-24 | 2021-12-24 | 页面渲染方法、装置、电子设备及可读介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN114500484A true CN114500484A (zh) | 2022-05-13 |
Family
ID=81495155
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202111605196.3A Pending CN114500484A (zh) | 2021-12-24 | 2021-12-24 | 页面渲染方法、装置、电子设备及可读介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN114500484A (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN115454637A (zh) * | 2022-09-16 | 2022-12-09 | 北京字跳网络技术有限公司 | 图像渲染方法、装置、设备和介质 |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112749358A (zh) * | 2021-01-13 | 2021-05-04 | 中国工商银行股份有限公司 | 页面渲染方法和装置、电子设备以及存储介质 |
CN113238754A (zh) * | 2021-06-01 | 2021-08-10 | 中国联合网络通信集团有限公司 | 服务端渲染方法、装置、服务端及存储介质 |
CN113436056A (zh) * | 2021-07-21 | 2021-09-24 | 挂号网(杭州)科技有限公司 | 渲染方法、装置、电子设备及存储介质 |
CN113468456A (zh) * | 2021-07-12 | 2021-10-01 | 工银科技有限公司 | 网页渲染方法及装置、电子设备和计算机可读存储介质 |
CN113645062A (zh) * | 2021-07-13 | 2021-11-12 | 阿里巴巴新加坡控股有限公司 | 页面数据处理方法、装置及电子设备 |
-
2021
- 2021-12-24 CN CN202111605196.3A patent/CN114500484A/zh active Pending
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112749358A (zh) * | 2021-01-13 | 2021-05-04 | 中国工商银行股份有限公司 | 页面渲染方法和装置、电子设备以及存储介质 |
CN113238754A (zh) * | 2021-06-01 | 2021-08-10 | 中国联合网络通信集团有限公司 | 服务端渲染方法、装置、服务端及存储介质 |
CN113468456A (zh) * | 2021-07-12 | 2021-10-01 | 工银科技有限公司 | 网页渲染方法及装置、电子设备和计算机可读存储介质 |
CN113645062A (zh) * | 2021-07-13 | 2021-11-12 | 阿里巴巴新加坡控股有限公司 | 页面数据处理方法、装置及电子设备 |
CN113436056A (zh) * | 2021-07-21 | 2021-09-24 | 挂号网(杭州)科技有限公司 | 渲染方法、装置、电子设备及存储介质 |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN115454637A (zh) * | 2022-09-16 | 2022-12-09 | 北京字跳网络技术有限公司 | 图像渲染方法、装置、设备和介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US11032388B2 (en) | Methods for prerendering and methods for managing and configuring prerendering operations | |
KR102151457B1 (ko) | 통신 시스템에서 페이지 로딩 시간 단축 방법 및 장치 | |
US9571556B2 (en) | Browser kernel adaptation method and browser therefor | |
CN111092877B (zh) | 一种数据处理方法、装置、电子设备及存储介质 | |
CN110020367B (zh) | 一种页面渲染方法及装置 | |
WO2013006332A1 (en) | Improving access to network content | |
CN109634753B (zh) | 切换浏览器内核的数据处理方法、装置、终端和存储介质 | |
CN114500484A (zh) | 页面渲染方法、装置、电子设备及可读介质 | |
CN110677447B (zh) | 用户停留时长确定方法、装置、设备和存储介质 | |
CN112672187B (zh) | 页面生成方法、装置、计算机设备及可读存储介质 | |
CN103051722B (zh) | 一种确定页面是否被劫持的方法及相关设备 | |
CN112818270A (zh) | 数据跨域传递方法、装置及计算机设备 | |
CN108959393B (zh) | 动态图片处理方法、装置及存储介质 | |
CN103561068A (zh) | 一种提高网页浏览速度的方法及装置 | |
CN110933070A (zh) | 一种用户识别方法、系统、设备及计算机可读存储介质 | |
CN110825603A (zh) | 页面首次加载时间确定方法、装置、电子设备及存储介质 | |
CN104346228A (zh) | 共享应用程序的方法及终端 | |
CN105471962A (zh) | 一种网络资源的访问控制方法、系统、以及一种基站 | |
CN106487861B (zh) | 网络数据提供方法和装置 | |
CN116225286A (zh) | 页面跳转控制方法、操作系统、电子设备及存储介质 | |
CN109600452B (zh) | 服务器集群、消息推送方法及相关服务器 | |
CN109600403B (zh) | 一种发送信息的方法及装置 | |
CN108021475B (zh) | 一种数据恢复方法及装置 | |
CN112231566A (zh) | 信息推送方法、装置、系统和可读存储介质 | |
CN114827113B (zh) | 一种网页访问方法及装置 |
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 |