[發明專利]提高Web站點資源加載速度的方法及系統

在審

• 申請號: 201510015403.8
• 申請日: 2015-01-13
• 公開（公告）號: CN104601691A
• 公開（公告）日: 2015-05-06
• 發明（設計）人: 劉庭海
• 申請（專利權）人: 北京中交興路車聯網科技有限公司
• 主分類號: H04L29/08
• 分類號: H04L29/08
• 代理公司: 北京和信華成知識產權代理事務所(普通合伙) 11390
• 代理人: 胡劍輝

技術領域

本發明涉及互聯網數據應用領域，尤其涉及一種提高Web站點資源加載速度的方法及系統。

背景技術

現有的互聯網的web應用中，很多網站存在訪問速度緩慢的問題，為了增加訪問速度，服務商往往通過投入大量的硬件資源或者提高網絡帶寬來提高用戶的訪問速度。

目前解決上述問題的技術手段主要依據如下方法：

1.當用戶需要獲取某個資源訪問網點時，首先需要即時請求服務器下載所依賴的所有資源；

2.請求資源包括所有的靜態資源和動態資源，而且所有的資源，包括靜態資源，都需要服務器解析后返回給客戶端用戶；

3.所有的javascript文件和CSS文件都不經過極限壓縮返回給客戶端；

然而，上述解決方法中，存在如下不足：

1.所有資源都需要服務器解析后返回給用戶，當用戶訪問量巨大之后，給服務器造成巨大的壓力，服務商往往通過投入大量的硬件資源才能提高用戶訪問速度；

2.靜態資源文件不通過壓縮返回給客戶端造成極大的帶寬浪費，同時降低了用戶體驗，安全性也較差。

因此，如何設計出一種提高用戶訪問速率，并提高數據訪問的安全性的資源獲取方法便成為了目前亟待解決的問題。

發明內容

為解決上述技術問題，本發明公開了一種提高Web站點資源加載速度的方法，其包含如下步驟：

將待訪問的Web瀏覽器端采用全靜態資源構建而成；

將待訪問的Web資源，采用預加載、異步加載和按需加載的方式存儲在客戶端內存；

用戶訪問Web瀏覽器，從客戶端緩存中獲取數據。

進一步地，在上述方法中，Web瀏覽器端資源的動態數據采用以XMLHTTPRequest異步方式加載數據。

進一步地，在上述方法中，Web瀏覽器端資源的css文件和javascript文件首先通過極限壓縮工具壓縮之后再上傳到服務端部署。

進一步地，在上述方法中，經過極限壓縮后，服務器端再采用GZIP方式進行再次壓縮后，提供給瀏覽器用戶訪問使用。

進一步地，在上述方法中，當用戶訪問具體的資源時，若客戶端緩存中不存在該資源，按照單例、按需加載的模式加載數據，同時將加載后的資源存儲在緩存中。

另一方面，本發明還同時提供了一種提高Web站點資源加載速度的系統，所述系統包括：

資源構建模塊，用于將待訪問的站點瀏覽器端資源采用全靜態資源構建而成；

加載模塊，用于對于用戶待訪問的資源，采用預加載、異步加載和按需加載的方式存儲在客戶端內存；

獲取模塊，用于在用戶通過Web瀏覽器訪問站點時，從客戶端緩存中獲取數據。

優選地，所述系統還包括：

動態加載模塊，用于將瀏覽器端資源的動態數據采用以XMLHTTPRequest異步方式加載數據。

優選地，所述系統還包括：

壓縮模塊，用于將瀏覽器端資源的css文件和javascript文件首先通過極限壓縮工具壓縮之后再上傳到服務端部署。

優選地，所述系統還包括：

二次壓縮模塊，用于在經過極限壓縮后，再采用GZIP方式進行再次壓縮后，提供給瀏覽器用戶訪問使用。

優選地，所述系統還包括：

按需加載模塊，用于當用戶訪問具體的資源時，若客戶端緩存中不存在該資源，按照單例、按需加載的模式加載數據，同時將加載后的資源存儲在緩存中。

與現有技術相比，本發明所提供的一種提高Web站點資源加載速度的方法及系統，網站瀏覽器端采用全靜態資源構建而成，對服務器設備性能要求不高，從而降低了服務硬件成本；此外，本發明將待訪問的資源，采用預加載、異步按需加載的方式，在程序內部以靜默的方式加載，完成后存儲在客戶端內存，用戶正式訪問頁面時，從緩存中獲取數據，極大的提高了用戶的訪問效率；通過對腳本的混淆和壓縮同時也提高了數據訪問的安全性。

附圖說明

圖1為本發明實施例中的一種提高Web站點資源加載速度的方法的；流程示意圖；

圖2為本發明的一個優選實施例中用戶訪問站點的資源加載過程示意圖。

具體實施方式