專利名稱：一種管理js或css文件的方法及系統(tǒng)的制作方法
技術(shù)領(lǐng)域：
本發(fā)明涉及一種管理JS或CSS文件的方法及系統(tǒng)，屬于網(wǎng)絡(luò)通信領(lǐng)域。
背景技術(shù)：
目前，為了優(yōu)化web的性能，大部分網(wǎng)頁中的Jav必cript和CSS文件，會根據(jù)實際情況進行合并，但現(xiàn)有的技術(shù)沒有進行系統(tǒng)的統(tǒng)計分析，因而難以達到最優(yōu)的合并結(jié)果。這些合并中相當多的是有選擇地手動完成，每次新的合并都需要重新在本地完成并上傳到服務(wù)器，比較的隨意和繁瑣，缺乏有效地管理；現(xiàn)有的技術(shù)不能使對網(wǎng)頁的請求數(shù)以及網(wǎng)頁產(chǎn)生的流量開銷達到最小，從而造成了對系統(tǒng)資源的浪費；并且在遇到文件版本更新時，更新一個JS或CSS文件版本，需要把所有使用到該JS或CSS文件的頁面全部修改一遍，大量的重復(fù)勞動會帶來開發(fā)成本的提高。

發(fā)明內(nèi)容
本發(fā)明的目的在于，提供一種管理JS或CSS文件的方法及系統(tǒng)，它能夠?qū)崿F(xiàn)對JS 或CSS文件的管理，并可以有效地減少網(wǎng)頁中的請求，從而減少對系統(tǒng)資源的浪費，還可以對JS或CSS文件的版本進行控制，降低開發(fā)成本。為解決上述技術(shù)問題，本發(fā)明采用如下的技術(shù)方案一種管理JS或CSS文件的方法，包括以下步驟Si，分析服務(wù)器統(tǒng)計JS或CSS文件的使用頻率；S2，分析服務(wù)器定期更新中心配置，并將其更新結(jié)果發(fā)送給web服務(wù)器；S3，用戶通過客戶端發(fā)出查看頁面請求時，web服務(wù)器讀取中心配置；S4, web服務(wù)器根據(jù)中心配置對頁面中的JS或CSS文件進行控制。JS或CSS文件的使用頻率是指JS或CSS文件被網(wǎng)頁加載的頻率。前述的一種管理JS或CSS文件的方法，所述的步驟S2中，分析服務(wù)器定期更新中心配置包括將在同一頁面大概率同時出現(xiàn)的多個JS或CSS文件合并為一個JS或CSS文件；將JS或CSS文件更換為最新版本；對特定的JS或CSS文件延時加載。所述的“在同一頁面大概率同時出現(xiàn)的多個JS 或CSS文件”，是指在同一頁面同時出現(xiàn)的概率在40%以上，且訪問量占總的JS或CSS文件訪問量5%以上的JS或CSS文件。前述的一種管理JS或CSS文件的方法，所述的對特定的JS或CSS文件延時加載包括對于需要用戶操作觸發(fā)其功能或者在頁面加載的不同階段自動觸發(fā)其功能的JS 或CSS文件進行延時加載；根據(jù)網(wǎng)站設(shè)計需求，對需要延時的JS或CSS文件延時加載。實現(xiàn)前述方法的一種管理JS或CSS文件的系統(tǒng)，包括
頻率統(tǒng)計模塊，用于分析服務(wù)器統(tǒng)計JS或CSS文件的使用頻率；配置更新模塊，用于分析服務(wù)器定期更新中心配置，并將其更新結(jié)果發(fā)送給web 服務(wù)器；配置讀取模塊，用于用戶通過客戶端發(fā)出查看頁面請求時，web服務(wù)器讀取中心配置；文件控制模塊，用于web服務(wù)器根據(jù)中心配置對頁面中的JS或CSS文件進行控制。前述的一種管理JS或CSS文件的系統(tǒng)，進一步包括，合并模塊，用于將在同一頁面大概率同時出現(xiàn)的多個JS或CSS文件合并為一個JS 或CSS文件；版本更換模塊，用于將JS或CSS文件更換為最新版本；延時加載模塊，用于對特定的JS或CSS文件延時加載。與現(xiàn)有技術(shù)相比，本發(fā)明通過統(tǒng)計JS或CSS文件的使用頻率，在后臺更新中心配置，并將中心配置發(fā)送給web服務(wù)器，進而實現(xiàn)對JS或CSS文件的控制；本發(fā)明可以根據(jù)分析服務(wù)器JS或CSS文件使用頻率的統(tǒng)計數(shù)據(jù)，將在同一頁面重復(fù)出現(xiàn)的JS或CSS文件合并，可以有效地減少網(wǎng)頁中的請求，從而減少對系統(tǒng)資源的浪費；本發(fā)明還可以通過分析服務(wù)器更新對JS或CSS文件的最新版本，并把它作為中心配置對網(wǎng)頁中的JS或CSS文件版本進行控制，降低了開發(fā)成本，另外，本發(fā)明還可以對于需要用戶操作觸發(fā)其功能的JS或CSS 文件進行延時加載，并可根據(jù)網(wǎng)站設(shè)計需求，對需要延時的JS或CSS文件延時加載，最大限度的減少了對系統(tǒng)資源的占用率；實際運營中，使用了本發(fā)明所述的方法后，系統(tǒng)的資源占用率減少了約10%，并使網(wǎng)站的首頁顯示速度提高5% -10%。


圖1是本發(fā)明的一種實施例的系統(tǒng)示意圖；圖2是本發(fā)明的一種實施例的工作流程圖。附圖標記1-頻率統(tǒng)計模塊，2-配置更新模塊，3-配置讀取模塊，4-文件控制模塊，5-合并模塊，6-版本更換模塊，7-延時加載模塊。下面結(jié)合附圖和具體實施方式
對本發(fā)明作進一步的說明。
具體實施例方式
具體實施例方式一種管理JS或CSS文件的方法，包括以下步驟Si，分析服務(wù)器統(tǒng)計JS或CSS文件的使用頻率；S2，分析服務(wù)器定期更新中心配置，并將其更新結(jié)果發(fā)送給web服務(wù)器；S3，用戶通過客戶端發(fā)出查看頁面請求時，web服務(wù)器讀取中心配置；S4, web服務(wù)器根據(jù)中心配置對頁面中的JS或CSS文件進行控制。所述的步驟S2中，分析服務(wù)器定期更新中心配置包括將在同一頁面大概率同時出現(xiàn)的多個JS或CSS文件合并為一個JS或CSS文件；將JS或CSS文件更換為最新版本；對特定的JS或CSS文件延時加載。所述的“在同一頁面大概率同時出現(xiàn)的多個JS或CSS文件”，是指在同一頁面同時出現(xiàn)的概率在40%以上，且訪問量占總的JS或CSS文件訪問量5%以上的JS或CSS文件。所述的對特定的JS或CSS文件延時加載包括對于需要用戶操作觸發(fā)其功能或者在頁面加載的不同階段自動觸發(fā)其功能的JS 或CSS文件進行延時加載；比如，頁面主體內(nèi)容加載完，延遲1分鐘，再自動加載某些JS或 CSS文件；根據(jù)網(wǎng)站設(shè)計需求，對需要延時的JS或CSS文件延時加載。所述的web服務(wù)器根據(jù)中心配置對頁面中的JS或CSS文件進行控制，包括將在同一頁面大概率同時出現(xiàn)的多個JS或CSS文件合并為一個JS或CSS文件；將JS或CSS文件更換為最新版本；對特定的JS或CSS文件延時加載。實現(xiàn)前述方法的一種管理JS或CSS文件的系統(tǒng)，其系統(tǒng)示意圖如圖1所示；包括頻率統(tǒng)計模塊1，用于分析服務(wù)器統(tǒng)計JS或CSS文件的使用頻率；配置更新模塊2，用于分析服務(wù)器定期更新中心配置，并將其更新結(jié)果發(fā)送給web 服務(wù)器；配置讀取模塊3，用于用戶通過客戶端發(fā)出查看頁面請求時，web服務(wù)器讀取中心配置；文件控制模塊4，用于web服務(wù)器根據(jù)中心配置對頁面中的JS或CSS文件進行控制。系統(tǒng)進一步包括，合并模塊5，用于將在同一頁面大概率同時出現(xiàn)的多個JS或CSS文件合并為一個 JS或CSS文件；版本更換模塊6，用于將JS或CSS文件更換為最新版本；延時加載模塊7，用于對特定的JS或CSS文件延時加載。所述的“在同一頁面大概率同時出現(xiàn)的多個JS或CSS文件”，是指在同一頁面同時出現(xiàn)的概率在40%以上，且訪問量占總的JS或CSS文件訪問量5%以上的JS或CSS文件。本發(fā)明的一種實施例的工作流程(參見圖2)S10,分析服務(wù)器通過頻率統(tǒng)計模塊統(tǒng)計JS或CSS文件的使用頻率；S20，分析服務(wù)器通過配置更新模塊每小時更新一次中心配置，并將其更新結(jié)果發(fā)送給web服務(wù)器；S30，用戶通過客戶端發(fā)出查看頁面請求時，web服務(wù)器通過配置讀取模塊讀取中心配置；S40, web服務(wù)器根據(jù)中心配置通過文件控制模塊對頁面中的JS或CSS文件進行控制。
權(quán)利要求
1.一種管理JS或CSS文件的方法，其特征在于，包括以下步驟 Si，分析服務(wù)器統(tǒng)計JS或CSS文件的使用頻率；S2，分析服務(wù)器定期更新中心配置，并將其更新結(jié)果發(fā)送給web服務(wù)器； S3，用戶通過客戶端發(fā)出查看頁面請求時，web服務(wù)器讀取中心配置； S4, web服務(wù)器根據(jù)中心配置對頁面中的JS或CSS文件進行控制。
2.根據(jù)權(quán)利要求1所述的一種管理JS或CSS文件的方法，其特征在于，所述的步驟S2 中，分析服務(wù)器定期更新中心配置包括將在同一頁面大概率同時出現(xiàn)的多個JS或CSS文件合并為一個JS或CSS文件； 將JS或CSS文件更換為最新版本； 對特定的JS或CSS文件延時加載。
3.根據(jù)權(quán)利要求2所述的一種管理JS或CSS文件的方法，其特征在于，所述的對特定的JS或CSS文件延時加載包括對于需要用戶操作觸發(fā)其功能或者在頁面加載的不同階段自動觸發(fā)其功能的JS或 CSS文件進行延時加載；根據(jù)網(wǎng)站設(shè)計需求，對需要延時的JS或CSS文件延時加載。
4.實現(xiàn)權(quán)利要求1 3所述方法的一種管理JS或CSS文件的系統(tǒng)，其特征在于，包括 頻率統(tǒng)計模塊(1)，用于分析服務(wù)器統(tǒng)計JS或CSS文件的使用頻率；配置更新模塊( ，用于分析服務(wù)器定期更新中心配置，并將其更新結(jié)果發(fā)送給Web服務(wù)器；配置讀取模塊(3)，用于用戶通過客戶端發(fā)出查看頁面請求時，web服務(wù)器讀取中心配置；文件控制模塊(4)，用于web服務(wù)器根據(jù)中心配置對頁面中的JS或CSS文件進行控制。
5.根據(jù)權(quán)利要求4所述的一種管理JS或CSS文件的系統(tǒng)，其特征在于進一步包括， 合并模塊(5)，用于將在同一頁面大概率同時出現(xiàn)的多個JS或CSS文件合并為一個JS或CSS文件；版本更換模塊(6)，用于將JS或CSS文件更換為最新版本； 延時加載模塊(7)，用于對特定的JS或CSS文件延時加載。
全文摘要
本發(fā)明公開了一種管理JS或CSS文件的方法及系統(tǒng)，所述方法包括以下步驟S1，分析服務(wù)器統(tǒng)計JS或CSS文件的使用頻率；S2，分析服務(wù)器定期更新中心配置，并將其更新結(jié)果發(fā)送給web服務(wù)器；S3，用戶通過客戶端發(fā)出查看頁面請求時，web服務(wù)器讀取中心配置；S4，web服務(wù)器根據(jù)中心配置對頁面中的JS或CSS文件進行控制；本發(fā)明能夠?qū)崿F(xiàn)對JS或CSS文件的管理，并可以有效地減少網(wǎng)頁中的請求，從而減少對系統(tǒng)資源的浪費，還可以對JS或CSS文件的版本進行控制，降低開發(fā)成本。
文檔編號H04L12/24GK102255745SQ201110009900
公開日2011年11月23日 申請日期2011年1月18日 優(yōu)先權(quán)日2011年1月18日
發(fā)明者伍星, 劉珊珊, 王劍清 申請人:北京開心人信息技術(shù)有限公司