提高网页加载速度的方法及装置制造方法及图纸

本发明专利技术提供了一种提高网页加载速度的方法及装置。其中，提高网页加载速度的方法，该方法包括如下步骤：通过浏览器加载待优化网页，并搜索出所述待优化网页中的原始CSS文件；确定所述原始CSS文件中的无效的CSS样式，并删除所有无效的CSS样式；用删除所述无效的CSS样式后的优化CSS文件替换所述网页中的原始CSS文件。本发明专利技术去除了CSS文件中的大量的无效样式代码，减小了CSS文件的大小，极大地降低了CSS文件所需的加载时间，进而提高了页面的加载速度。此外，处理优化过的CSS文件既更加方便于打包合并，又更方便做样式与页面代码的内嵌处理，从而可以获得更进一步的提高页面的加载速度。

Method and device for improving loading speed of web page

The invention provides a method and a device for improving the loading speed of web pages. The methods to improve web page loading speed, the method comprises the following steps: loading to be optimized through the browser page, and search out the optimization of the original CSS file in the web page; determining the original CSS file is invalid in CSS style, and delete all the invalid CSS style; the replacement of the page in the the original CSS file is used to optimize the CSS file delete the invalid after the CSS style. The invention eliminates a large number of invalid style codes in the CSS file, reduces the size of the CSS file, greatly reduces the loading time required by the CSS file, and thus improves the loading speed of the page. In addition, dealing with optimized CSS files is more convenient for package merge, and more convenient for embedded processing of style and page code, so as to further improve the loading speed of page.

【技术实现步骤摘要】
提高网页加载速度的方法及装置
本专利技术涉及网页加载
，具体而言，涉及一种提高网页加载速度的方法及装置。
技术介绍
目前,现在的常见网站，信息量越来越大，尤其是网站首页，包含的数据、图像、动画、布局、导航等等信息也极其丰富，页面显示效果越来越动人，如此庞大繁复的页面对加载效果的要求也越来越高。当网络状况并不顺畅的时候，也会影响页面加载的效果，大大地降低页面的加载速度。
技术实现思路
鉴于此，本专利技术提出了一种提高网页加载速度的方法及装置，旨在解决现有网页加载慢的问题。一个方面，本专利技术提出了一种提高网页加载速度的方法，该方法包括如下步骤：搜索步骤，通过浏览器加载待优化网页，并搜索出所述待优化网页中的原始CSS文件；删除步骤，确定所述原始CSS文件中的无效的CSS样式，并删除所有无效的CSS样式；第一替换步骤，用删除所述无效的CSS样式后的优化CSS文件替换所述网页中的原始CSS文件。进一步地，上述提高网页加载速度的方法中，在所述第一替换步骤之后还包括：加载步骤，所述浏览器对所述待优化网页再次加载运行；判断步骤，判断所述待优化网页是否正确；筛选步骤，在所述待优化网页不正确时，从删除的所有无效的CSS样式中筛选出有效的CSS样式，并将筛选出的有效的CSS样式添加入优化后的CSS文件中，形成再次优化的CSS文件；第二替换步骤，用再次优化的CSS文件替换所述网页中的优化CSS文件。进一步地，上述提高网页加载速度的方法中，所述删除步骤中的确定所述原始CSS文件中的无效的CSS样式进一步包括：搜索出所述待优化网页中的所有有效的CSS样式；将有效的CSS样式与原始CSS样式进行比对，将原始CSS文件中不属于有效的CSS样式的CSS样式确定为无效的CSS样式。进一步地，上述提高网页加载速度的方法中，所述有效的CSS文件为正确的CSS样式。进一步地，上述提高网页加载速度的方法中，所述无效的CSS文件为错误的CSS样式。CSS作为页面显示效果的利器，在加载效果不佳的时候，也充当了重要的角色，如果能够提升CSS的加载速度，就能极大地提高页面加载的速度。一般而言，由于CSS复用频繁，网页在实际发布中，CSS文件中的样式代码，存在着大量的冗余，而这势必会影响页面的加载速度。本专利技术正是基于这一原理，先识别出各待优化网页中的无效的CSS样式，然后将识别出的无效的CSS样式删除，使网页中的CSS文件中只保留有效的CSS样式。可以看出，本专利技术去除了CSS文件中的大量的无效样式代码，减小了CSS文件的大小，极大地降低了CSS文件所需的加载时间，进而提高了页面的加载速度。此外，处理优化过的CSS文件既更加方便于打包合并，又更方便做样式与页面代码的内嵌处理，从而可以获得更进一步的提高页面的加载速度。另一方面，本专利技术还提出了一种提高网页加载速度的装置，该装置包括：搜索模块，用于通过浏览器加载待优化网页，并搜索出所述待优化网页中的原始CSS文件；删除模块，用于确定所述原始CSS文件中的无效的CSS样式，并删除所有无效的CSS样式；替换模块，用于用删除所述无效的CSS样式后的优化CSS文件替换所述网页中的原始CSS文件。进一步地，上述提高网页加载速度的装置还包括：加载模块，用于所述浏览器对所述待优化网页再次加载运行；判断模块，用于判断所述待优化网页是否正确；筛选模块，在所述待优化网页不正确时，从删除的所有无效的CSS样式中筛选出有效的CSS样式，并将筛选出的有效的CSS样式添加入优化后的CSS文件中，形成再次优化的CSS文件；所述替换模块还用再次优化的CSS文件替换优化的CSS文件。进一步地，上述提高网页加载速度的装置中，所述删除模块进一步包括：搜索子模块，用于搜索出所述待优化网页中的所有有效的CSS样式；比对子模块，将有效的CSS样式与原始CSS文件中的CSS样式进行比对，将原始CSS文件中不属于有效的CSS样式的CSS样式确定为无效的CSS样式。进一步地，上述提高网页加载速度的装置中，所述有效的CSS文件为正确的CSS样式。进一步地，上述提高网页加载速度的装置中，所述无效的CSS文件为错误的CSS样式。由于该提高网页加载速度的装置与上述提高网页加载速度的方法原理相同，所以具有与上述提高网页加载速度的方法相同的技术效果。附图说明通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的，而并不认为是对本专利技术的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中：图1为本专利技术实施例提供的提高网页加载速度的方法的流程图；图2为本专利技术实施例提供的提高网页加载速度的方法的另一流程图；图3为本专利技术实施例提供的提高网页加载速度的方法中，确定无效的CSS样式的流程图；图4为本专利技术实施例提供的提高网页加载速度的装置的结构框图；图5为本专利技术实施例提供的提高网页加载速度的装置的另一结构框图；图6为本专利技术实施例提供的提高网页加载速度的装置中，删除模块的结构框图。具体实施方式下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例，然而应当理解，可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反，提供这些实施例是为了能够更透彻地理解本公开，并且能够将本公开的范围完整的传达给本领域的技术人员。需要说明的是，在不冲突的情况下，本专利技术中的实施例及实施例中的特征可以相互组合。下面将参考附图并结合实施例来详细说明本专利技术。方法实施例：参见图1，图1为本专利技术实施例提供的提高网页加载速度的方法的流程图。如图所示，该方法包括如下步骤：搜索步骤S11，通过浏览器加载待优化网页，并搜索出待优化网页中的原始CSS文件。具体地，选用一种目前常用的浏览器引擎，如Trident、Gecko或者WebKit浏览器，通过该浏览器打开待优化网页，并且，搜索出待优化网页中的所有的原始CSS文件。其中，待优化网页可以根据实际需要来确定，可以为一个，也可以为多个，当待优化网页为多个时，使用上述浏览器引擎，逐一打开各个待优化的页面，搜索出所有待优化网页中的原始CSS文件。删除步骤S12，确定原始CSS文件中的无效的CSS样式，并删除无效的CSS样式。具体地，先识别出各待优化网页中的无效的CSS样式，然后删除识别出的所有CSS样式，即只保留各待优化网页中的有效的CSS样式。其中，无效的CSS样式即为错误的CSS样式，有效的CSS样式即为正确的CSS样式。第一替换步骤S13，用删除无效的CSS样式后的优化CSS文件替换网页中的原始CSS文件。具体地，只保留了有效的CSS样式的CSS文件即为优化后的CSS文件，用各待优化网页中的优化后的CSS文件对应地替换各待优化网页中的原始的CSS文件，然后打包发布。CSS作为页面显示效果的利器，在加载效果不佳的时候，也充当了重要的角色，如果能够提升CSS的加载速度，就能极大地提高页面加载的速度。一般而言，由于CSS复用频繁，网页在实际发布中，CSS文件中的样式代码，存在着大量的冗余，而这势必会影响页面的加载速度。本专利技术实施例正是基于这一原理，先识别出各待优化网页中的无效的CSS样式，然后将识别出的无效的CSS样式删除，使网页中的CSS文件中只保留有效的CS本文档来自技高网...

【技术保护点】
一种提高网页加载速度的方法，其特征在于，包括如下步骤：搜索步骤，通过浏览器加载待优化网页，并搜索出所述待优化网页中的原始CSS文件；删除步骤，确定所述原始CSS文件中的无效的CSS样式，并删除所有无效的CSS样式；第一替换步骤，用删除所述无效的CSS样式后的优化CSS文件替换所述网页中的原始CSS文件。

【技术特征摘要】
1.一种提高网页加载速度的方法，其特征在于，包括如下步骤：搜索步骤，通过浏览器加载待优化网页，并搜索出所述待优化网页中的原始CSS文件；删除步骤，确定所述原始CSS文件中的无效的CSS样式，并删除所有无效的CSS样式；第一替换步骤，用删除所述无效的CSS样式后的优化CSS文件替换所述网页中的原始CSS文件。2.根据权利要求1所述的提高网页加载速度的方法，其特征在于，在所述第一替换步骤之后还包括：加载步骤，所述浏览器对所述待优化网页再次加载运行；判断步骤，判断所述待优化网页是否正确；筛选步骤，在所述待优化网页不正确时，从删除的所有无效的CSS样式中筛选出有效的CSS样式，并将筛选出的有效的CSS样式添加入优化后的CSS文件中，形成再次优化的CSS文件；第二替换步骤，用再次优化的CSS文件替换所述网页中的优化CSS文件。3.根据权利要求1所述的提高网页加载速度的方法，其特征在于，所述删除步骤中，确定所述原始CSS文件中的无效的CSS样式进一步包括：搜索出所述待优化网页中的所有有效的CSS样式；将有效的CSS样式与原始CSS文件中的CSS样式进行比对，将原始CSS文件中不属于有效的CSS样式的CSS样式确定为无效的CSS样式。4.根据权利要求1至4中任一项所述的提高网页加载速度的方法，其特征在于，所述有效的CSS文件为正确的CSS样式。5.根据权利要求1至4中任一项所述的提高网页加载速度的方法，其特征在于，所述无效的CSS文件...

【专利技术属性】
技术研发人员：王轶晨，陈懿，申国林，何强，杨金，
申请(专利权)人：航天信息股份有限公司，
类型：发明
国别省市：北京,11