一种网页加载方法及装置制造方法及图纸

本发明专利技术公开了一种网页加载方法及装置，该网页加载方法包括：接收网页加载请求，响应于接收到网页加载请求，加载网页加载请求对应的目标网页中的文字、框架文件，当文字、框架文件加载完成后，加载目标网页中的第一类图片，当目标网页的页面滚动时，对目标网页中的第二类图片进行加载和更换。本发明专利技术实施例的上述技术方案，由于在加载网页时，先加载网页中的文字、框架文件和第一类图片，当目标网页的页面滚动时，文字、框架文件和第一类图片不用重新加载，仅对第二类图片进行加载和更换，从而提高了网页加载速度，提升了用户的使用体验。

Web page loading method and device

The invention discloses a device and a web page loading method, including the web page loading loading method: receiving request response request is received to the web page loading, loading page loading request text, frame file corresponding to the target page, when the text file is loaded, the framework is completed, the first class of image loading in target pages. When the target web page scrolling, loading and replacement of second types of images in the target page. The technical scheme of the embodiment of the invention, due to the loading a web page, the first text, the framework document and the first page of the image loading, when the target web page scrolling, text file, and the first picture frame without re loading, only for loading and replacement of the second types of images, so as to improve page load speed, enhance the user experience.

【技术实现步骤摘要】
一种网页加载方法及装置
本专利技术涉及互联网领域，特别涉及一种网页加载方法及装置。
技术介绍
浏览器是指可以显示网页服务器或者文件系统的HTML(HyperTextMarkupLanguage，超文本标记语言)文件内容，并让用户与这些文件交互的一种软件工具。随着互联网技术的飞速发展，浏览器在日常生活、工作和学习中的应用已经越来越频繁。目前，浏览器加载解析网页过程通常是通过并行的方式进行的，即边下载网页内容边对网页内容进行渲染。在下载过程中，如果网页数据图片很多，则网页加载很慢，用户体验不好。
技术实现思路
鉴于上述问题，提出了本专利技术以便提供一种克服上述问题或者至少部分地解决上述问题的一种网页加载方法及装置。本专利技术提供一种网页加载方法，包括：接收网页加载请求；响应于接收到所述网页加载请求，加载所述网页加载请求对应的目标网页中的文字、框架文件；当所述文字、框架文件加载完成后，加载所述目标网页中的第一类图片；当所述目标网页的页面滚动时，对所述目标网页中的第二类图片进行加载和更换。在一个实施例中，所述方法还可包括：将网页中的图片进行分类，划分为第一类图片和第二类图片。在一个实施例中，所述第一类图片为网站内部的图片，所述第二类图片为站外图片。在一个实施例中，所述当所述目标网页的页面滚动时，对所述目标网页中的第二类图片进行加载和更换，可包括：当接收到用户滑动滚动条的操作时，根据所述用户的操作对所述第二类图片进行加载和更换。在一个实施例中，所述方法还可包括：当所述文字和框架文件加载完成后，对所述目标网页中的JS文件进行加载。本专利技术还提供一种网页加载装置，包括：接收模块，用于接收网页加载请求；第一加载模块，用于响应于接收到所述网页加载请求，加载所述网页加载请求对应的目标网页中的文字、框架文件；第二加载模块，用于当所述文字、框架文件加载完成后，加载所述目标网页中的第一类图片；第三加载模块，用于当所述目标网页的页面滚动时，对所述目标网页中的第二类图片进行加载和更换。在一个实施例中，所述装置还可包括：分类模块，用于将网页中的图片进行分类，划分为第一类图片和第二类图片。在一个实施例中，所述第一类图片为网站内部的图片，所述第二类图片为站外图片。在一个实施例中，所述第三加载模块，可包括：加载和更换子模块，用于当接收到用户滑动滚动条的操作时，根据所述用户的操作对所述第二类图片进行加载和更换。在一个实施例中，所述装置还可包括：第四加载模块，用于当所述文字和框架文件加载完成后，对所述目标网页中的JS文件进行加载。本专利技术实施例的一些有益效果可以包括：本专利技术实施例的上述技术方案，通过接收网页加载请求，响应于接收到网页加载请求，加载网页加载请求对应的目标网页中的文字、框架文件，当文字、框架文件加载完成后，加载目标网页中的第一类图片，当目标网页的页面滚动时，对目标网页中的第二类图片进行加载和更换。由于在加载网页时，先加载网页中的文字、框架文件和第一类图片，当目标网页的页面滚动时，文字、框架文件和第一类图片不用重新加载，仅对第二类图片进行加载和更换，从而提高了网页加载速度，提升了用户的使用体验。本专利技术的其它特征和优点将在随后的说明书中阐述，并且，部分地从说明书中变得显而易见，或者通过实施本专利技术而了解。本专利技术的目的和其他优点可通过在所写的说明书、权利要求书、以及附图中所特别指出的结构来实现和获得。下面通过附图和实施例，对本专利技术的技术方案做进一步的详细描述。附图说明附图用来提供对本专利技术的进一步理解，并且构成说明书的一部分，与本专利技术的实施例一起用于解释本专利技术，并不构成对本专利技术的限制。在附图中：图1为本专利技术实施例中一种网页加载方法的流程图；图2为本专利技术实施例中另一种网页加载方法的流程图；图3为本专利技术实施例中另一种网页加载方法的流程图；图4为本专利技术实施例中另一种网页加载方法的流程图；图5为本专利技术实施例中一种网页加载装置的框图；图6为本专利技术实施例中另一种网页加载装置的框图；图7为本专利技术实施例中一种网页加载装置中第三加载模块54的框图；图8为本专利技术实施例中另一种网页加载装置的框图。具体实施方式以下结合附图对本专利技术的优选实施例进行说明，应当理解，此处所描述的优选实施例仅用于说明和解释本专利技术，并不用于限定本专利技术。图1所示为本专利技术实施例中一种网页加载方法的流程图，用于服务器。如图1所示，该网页加载方法包括以下步骤S11-S14：步骤S11，接收网页加载请求。步骤S12，响应于接收到网页加载请求，加载网页加载请求对应的目标网页中的文字、框架文件。步骤S13，当文字、框架文件加载完成后，加载目标网页中的第一类图片。步骤S14，当目标网页的页面滚动时，对目标网页中的第二类图片进行加载和更换。现有技术中，在加载网页时，如果界面中图片很多，则加载很慢，本专利技术先加载网页中的文字、框架等基本结构，再加载图片。将图片填充到网页的框中。在滑动滚动条时，页面不滚动，而是后面的第二类图片替换当前的第二类图片，以实现画面的滚动。也就是说，在滚动页面时，只加载站外图片，站内图片不用重新加载。本专利技术实施例的上述方法，通过接收网页加载请求，响应于接收到网页加载请求，加载网页加载请求对应的目标网页中的文字、框架文件，当文字、框架文件加载完成后，加载目标网页中的第一类图片，当目标网页的页面滚动时，对目标网页中的第二类图片进行加载和更换。由于在加载网页时，先加载网页中的文字、框架文件和第一类图片，当目标网页的页面滚动时，文字、框架文件和第一类图片不用重新加载，仅对第二类图片进行加载和更换，从而提高了网页加载速度，提升了用户的使用体验。在一个实施例中，在步骤S11之前，如图2所示，该网页加载方法还可包括以下步骤S15：步骤S15，将网页中的图片进行分类，划分为第一类图片和第二类图片。在一个实施例中，第一类图片为网站内部的图片即站内图片，第二类图片为站外图片。将图片划分为站内图片和站外图片，站内图片包括按钮和logo等不常变化的，属于网站内部的图片。站外图片包括节目剧照等经常变化的图片。在一个实施例中，如图3所示，步骤S14可以实施为以下步骤S141：步骤S141，当接收到用户滑动滚动条的操作时，根据用户的操作对第二类图片进行加载和更换。在一个实施例中，如图4所示，该网页加载方法还可包括以下步骤S16：步骤S16，当文字和框架文件加载完成后，对目标网页中的JS文件进行加载。在加载网页时，如果界面中JS很多，则网页加载很慢，因此，本实施例，先加载网页中的文字、框架文件等基本结构，再加载JS文件，从而不会因JS文件过多而导致网页加载变慢，从而提高了网页加载速度。基于同一专利技术构思，本专利技术实施例还提供了一种网页加载装置，由于该装置所解决问题的原理与前述网页加载方法相似，因此该装置的实施可以参见前述方法的实施，重复之处不再赘述。图5所示为本专利技术实施例中一种网页加载装置的框图，如图5所示，该网页加载装置包括：接收模块51，用于接收网页加载请求；第一加载模块52，用于响应于接收到网页加载请求，加载网页加载请求对应的目标网页中的文字、框架文件；第二加载模块53，用于当文字、框架文件加载完成后，加载目标网页中的第一类图片；第三加载模块54，用于当目标网页的页面滚动时，对目标网页中的第二类图片进行加载和更换。在一个实本文档来自技高网...

【技术保护点】
一种网页加载方法，其特征在于，包括：接收网页加载请求；响应于接收到所述网页加载请求，加载所述网页加载请求对应的目标网页中的文字、框架文件；当所述文字、框架文件加载完成后，加载所述目标网页中的第一类图片；当所述目标网页的页面滚动时，对所述目标网页中的第二类图片进行加载和更换。

【技术特征摘要】
1.一种网页加载方法，其特征在于，包括：接收网页加载请求；响应于接收到所述网页加载请求，加载所述网页加载请求对应的目标网页中的文字、框架文件；当所述文字、框架文件加载完成后，加载所述目标网页中的第一类图片；当所述目标网页的页面滚动时，对所述目标网页中的第二类图片进行加载和更换。2.如权利要求1所述的方法，其特征在于，所述方法还包括：将网页中的图片进行分类，划分为第一类图片和第二类图片。3.如权利要求2所述的方法，其特征在于，所述第一类图片为网站内部的图片，所述第二类图片为站外图片。4.如权利要求1所述的方法，其特征在于，所述当所述目标网页的页面滚动时，对所述目标网页中的第二类图片进行加载和更换，包括：当接收到用户滑动滚动条的操作时，根据所述用户的操作对所述第二类图片进行加载和更换。5.如权利要求1-4中任一项所述的方法，其特征在于，所述方法还包括：当所述文字和框架文件加载完成后，对所述目标网页中的JS文件进行加载。6.一种网页加载装置，其特征在于...

【专利技术属性】
技术研发人员：郭建辉，
申请(专利权)人：天脉聚源北京传媒科技有限公司，
类型：发明
国别省市：北京,11