[发明专利]基于ionic开发框架的网页加载速度优化方法及装置

说明书

本发明涉及计算机技术领域，基于ionic开发框架的客户端进行加载软件时耗费大量时间的问题，提出一种基于ionic开发框架的网页加载速度优化方法，包括如下步骤：a.在除根路径页面的其它页面根据需要添加懒加载标识；b.使用代码级别的压缩方法对运行时文件进行压缩；c.使用uglify方法或uglifyjs方法对资源文件进行压缩。通过懒加载标识可使得软件启动时自动加载非懒加载的页面数据，请求带懒加载标识的页面时再加载对应的页面数据。步骤b和步骤c中的压缩方法可使得加载时间减少70％；本发明适用于基于ionic开发框架的软件开发。

技术领域

本发明涉及计算机技术领域，特别涉及一种网页加载速度优化方法及装置。

背景技术

在前端盛行时代，敏捷开发及跨平台开发已经成了客户端及前端工程师的首选，而ionic开发框架则在这个背景下营运而生，ionic结合AngularJS的特性，专门为客户端及前端开发打造的一个全能框架，开发人员在完成代码编写后，相关代码文件并不能直接运行，需要通过编译工具编译成系统识别的文件及文件格式进行运行，编译过后的文件就是运行时文件，当工程师把前端代码编译成运行时文件时，需要借助打包工具打包，而ionic官方给的打包工具并不是那么渐变且会出现各种因为版本等原因造成打包时消耗很长的时间或者打包后的运行时文件非常大，以至于用户无论使用web版还是apk版或者ipa版客户端软件进行加载都需要等待很久，开发人员在打包时也需要耗费大量时间进行打包等待。

发明内容

本发明所要解决的技术问题是：克服基于ionic开发框架的客户端进行加载软件时耗费大量时间的问题，提出一种基于ionic开发框架的网页加载速度优化方法及装置。

本发明解决上述技术问题，采用的技术方案是：

基于ionic开发框架的网页加载速度优化方法，包括如下步骤：

a.在除根路径页面的其它页面根据需要添加懒加载标识；

b.使用代码级别的压缩方法对运行时文件进行压缩；

c.使用uglify方法或uglifyjs方法对资源文件进行压缩。

为了缩小文本文件的大小以提高web版客户端软件的加载效率，进一步的，还包括如下步骤：使用gzip方法对文本文件进行压缩，在容器上配置相应的过滤器使得请求加载文本文件时跳转至对应的压缩后的文件。

优选的，所述步骤b中的压缩方法为ionic开发框架提供的-prod指令。

基于ionic开发框架的网页加载速度优化装置，包括：

标识添加模块，用于在除根路径页面的其它页面根据需要添加懒加载标识；

代码压缩模块，用于使用代码级别的压缩方法对运行时文件进行压缩；

资源文件压缩模块，用于使用uglify方法或uglifyjs方法对资源文件进行压缩。

为了缩小文本文件的大小以提高web版客户端软件的加载效率，进一步的，还包括：文本文件压缩模块，用于使用gzip方法对文本文件进行压缩，且在容器上配置相应的过滤器使得请求加载文本文件时跳转至对应的压缩后的文件。

优选的，所述压缩方法为ionic开发框架提供的-prod指令。

本发明的有益效果是：