[发明专利]页面加载装置和页面加载方法

说明书

技术领域

本发明涉及页面加载技术领域，具体而言，涉及一种页面加载装置和一种页面加载方法。

背景技术

随着异步加载的普及，WEB开发已经在在更多的系统中得到了广泛的应用并且已经得到了越来越多程序员的重视。在可以很好的提高用户体验的同时，WEB应用一个重要的方面是需要引入大量的JS、CSS等额外文件的信息，特别是当一个WEB页面根据不同的业务需求展现界面不同时，引入的文件会有大量的增加。而引入JS、CSS文件等也存在不可忽视的缺点就是引入量多了会严重影响WEB应用的速度。因为目前的浏览器在加载外部的如JS等文件时，在同一时间，页面只会加载一个文件。在第一个文件加载并执行完之前，第二个要引入的文件不会下载和执行。所以如何提高JS等的加载及执行速度是需要我们关注的重大课题。

根据实际的应用场景，根据需要仅仅加载页面所需的文件从而提高页面的加载速度是一个重要的课题，即按需加载。在实现页面按需加载的同时，如果系统需要添加额外的一个文件，而这个文件在已经实现的每个页面中都需要引入，在这样的情况下，修改每个现有的页面会严重影响页面的加载效率；或者如果需要修改已加载的外部文件的文件名，则需要重新加载该文件，也会严重影响页面的加载效率。

为了提高外部文件如JS等文件的加载及执行速度，在以往的实现中，主要采用以下几种方式：

优先将页面的静态内容先加载完，再来处理JS的调用，采用这样的方案，在页面的加载过程中不会因为个别的JS调用加载缓慢而影响整个页面的加载，但是如果页面引用大量的JS代码时，此方案并不适用；

优化JS代码的效率，将引用的JS页面做压缩处理，目前一般的网站都采用了此方式。为了提高JS的下载速度，压缩JS文件可以减少JS文件的大小；另外，把多个JS文件合并成一个也能因为减少服务器的响应次数而加快网页下载。但是，如果引用JS文件过多的情况下，压缩也只能部分提高速度，而将多个JS合并会增加JS文件的复杂性，并且降低了代码的可维护性；

让影响页面速度JS函数延迟执行，延迟执行在一定程度上可以提高页面的渲染速度，但还是需要把多个JS文件引入。无法解决系统中需要引用大量JS文件的加载问题。

因此，需要一种新的页面加载装置，在提高页面加载速度的同时，可以动态给系统添加额外需要引用的文件或修改引用的文件名，而不需要修改现成的每个页面，从而提高整个系统的可扩展性。

发明内容

本发明所要解决的技术问题在于，提供一种新的页面加载装置，在提高页面加载速度的同时，可以动态给系统添加额外需要引用的文件或修改引用的文件名，而不需要修改现成的每个页面，从而提高整个系统的可扩展性。

有鉴于此，本发明提供了一种页面加载装置，包括：描述文件生成单元，针对页面中的应用所引用的每个外部文件生成一个描述文件，所述描述文件中包括关联所述描述文件与所述应用的唯一标识、关联所述描述文件与所述外部文件的文件标识；页面加载单元，在需要加载所述页面时，解析所述页面中的应用，根据所述应用对应的描述文件加载与所述应用对应的外部文件。在该技术方案中，通过针对每个外部文件生成一个描述文件，从而在加载外部文件时，可以通过唯一标识从应用关联到描述文件，在通过文件标识从描述文件关联到与应用对应的外部文件，可以快速地找到与所加载应用对应的外部文件，有效地提高了页面地加载效率。其中，在WEB页面中，所谓的应用例如可以是布局或者控件，而所谓的外部文件例如可以是JS文件或CSS文件等。

优选地，所述描述文件生成单元还用于，当所述页面需要引用额外的外部文件时，针对该额外的外部文件生成一个对应的描述文件。在该技术方案中，在系统需要加载额外的外部文件时，不需要将每个需要加载该外部文件的页面均重新加载，只需生成一个相应的描述文件，再根据新生成的描述文件完成该外部文件的加载即可，实现了页面的动态加载，提高了页面的加载效率。

优选地，所述的页面加载装置还包括：标识修改单元，当需要所述页面需要加载的外部文件的文件名改变时，对该外部文件对应的描述文件中的文件标识进行修改。在该技术方案中，在已加载的外部文件的文件名修改时，不需要重新加载该外部文件，只需要修改相应的描述文件即可，而不需要修改每个引入该外部文件的页面，提高了页面的加载效率。