[發明專利]基于ionic開發框架的網頁加載速度優化方法及裝置

在審

• 申請號: 201810982406.2
• 申請日: 2018-08-27
• 公開（公告）號: CN109255086A
• 公開（公告）日: 2019-01-22
• 發明（設計）人: 涂歡
• 申請（專利權）人: 四川長虹電器股份有限公司
• 主分類號: G06F16/957
• 分類號: G06F16/957
• 代理公司: 成都虹橋專利事務所(普通合伙) 51124
• 代理人: 李凌峰

本發明涉及計算機技術領域，基于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指令。

本發明的有益效果是：