本發(fā)明涉及計(jì)算機(jī)技術(shù)領(lǐng)域，尤其涉及一種合并網(wǎng)頁(yè)中背景圖的方法和系統(tǒng)。

背景技術(shù)：

在網(wǎng)頁(yè)的開(kāi)發(fā)實(shí)現(xiàn)中，為了獲得好的視覺(jué)效果，一般會(huì)使用到很多的背景圖，其中，背景圖是在樣式(級(jí)聯(lián)樣式表)代碼中進(jìn)行設(shè)置的。在網(wǎng)頁(yè)的渲染過(guò)程中，想要獲取每張背景圖，都需要發(fā)送一次HTTP請(qǐng)求，所以當(dāng)背景圖比較多的時(shí)候，為獲取背景圖而發(fā)送的HTTP請(qǐng)求也會(huì)相應(yīng)的增加，嚴(yán)重影響網(wǎng)頁(yè)的速度。

目前，開(kāi)發(fā)人員會(huì)將多個(gè)背景圖合并成一張圖片，以此來(lái)減少HTTP請(qǐng)求的次數(shù)。現(xiàn)有的比較常用的方案通過(guò)以下步驟來(lái)實(shí)現(xiàn)：110、獲取樣式文件路徑；120、打開(kāi)樣式文件；130、根據(jù)樣式文件，獲取所需合并圖樣式；140、根據(jù)合并圖樣式的URL，獲取所述合并圖樣式中的合并圖路徑以及單圖路徑；150、通過(guò)合并圖路徑和單圖路徑，獲取圖片，并將圖片合并為合并圖；160、判斷圖片是否存在另一合并圖，如果是則轉(zhuǎn)至步驟161，否則保存所述合并圖，轉(zhuǎn)至步驟170；161、將所述另一合并圖更改為所述合并圖并保存，轉(zhuǎn)至步驟170；170、根據(jù)保存后的合并圖，更改其合并圖樣式；180、判斷是否完成合并圖的合并，如果是則轉(zhuǎn)至步驟181，否則轉(zhuǎn)至步驟130；181、保存所述合并圖，轉(zhuǎn)至步驟120。該方案是針對(duì)單個(gè)樣式文件中所包含的各個(gè)背景圖進(jìn)行背景圖的合并。對(duì)于每一個(gè)樣式文件，都會(huì)生成一個(gè)合并圖?？梢?jiàn)，現(xiàn)有的技術(shù)方案是在網(wǎng)頁(yè)進(jìn)行初始化時(shí)，針對(duì)單個(gè)樣式文件中所包含的背景圖進(jìn)行背景圖的合并，之后將所有合并后的背景圖一并進(jìn)行顯示。

而一個(gè)網(wǎng)頁(yè)中往往會(huì)包含多個(gè)樣式文件，而且，同一個(gè)網(wǎng)頁(yè)對(duì)不同的用戶，及用戶的不同狀態(tài)，往往會(huì)展示出不同的內(nèi)容，例如網(wǎng)頁(yè)會(huì)針對(duì)用戶當(dāng)前是否登錄、用戶等級(jí)的不同、用戶操作進(jìn)度的不同而展示不同的內(nèi)容。即同一網(wǎng)頁(yè)在不同的狀態(tài)下會(huì)包含不同的區(qū)塊，例如，在狀態(tài)1下會(huì)包含內(nèi)容區(qū)塊1、2、3，在狀態(tài)2下會(huì)包含內(nèi)容區(qū)塊2、3、4，在狀態(tài)3下會(huì)包含內(nèi)容區(qū)塊5、6、7，一般每個(gè)區(qū)塊都會(huì)有一個(gè)樣式文件。

因此，對(duì)于當(dāng)前動(dòng)態(tài)的網(wǎng)頁(yè)而言，現(xiàn)有技術(shù)方案實(shí)施后依然會(huì)有多個(gè)合并圖，并沒(méi)有充分地減少獲取背景圖的HTTP請(qǐng)求的次數(shù)，也就沒(méi)有充分地提升網(wǎng)頁(yè)性能。

技術(shù)實(shí)現(xiàn)要素：

有鑒于此，本發(fā)明實(shí)施例的目的在于提供一種合并網(wǎng)頁(yè)中背景圖的方法和系統(tǒng)，通過(guò)針對(duì)網(wǎng)頁(yè)級(jí)別的，能夠動(dòng)態(tài)實(shí)時(shí)的將一個(gè)網(wǎng)頁(yè)中的背景圖合并為一張結(jié)果圖進(jìn)行顯示，從而提升了網(wǎng)頁(yè)的響應(yīng)速度。

第一方面，本發(fā)明實(shí)施例提供了一種合并網(wǎng)頁(yè)中背景圖的方法，包括：網(wǎng)絡(luò)端解析用戶端的網(wǎng)頁(yè)資源請(qǐng)求，以獲取識(shí)別信息，并依據(jù)識(shí)別信息在圖片存儲(chǔ)文件中提取對(duì)應(yīng)的背景圖；

網(wǎng)絡(luò)端將提取到的所有背景圖合成一張當(dāng)前結(jié)果圖，并生成當(dāng)前結(jié)果圖對(duì)應(yīng)的提取路徑信息；

網(wǎng)絡(luò)端將提取路徑信息返回給用戶端。

結(jié)合第一方面，本發(fā)明實(shí)施例提供了第一方面的第一種可能的實(shí)施方式，其中，方法還包括：

網(wǎng)絡(luò)端判斷圖片存儲(chǔ)文件中是否已經(jīng)存在合成好的預(yù)先結(jié)果圖；

當(dāng)判斷為否，則執(zhí)行步驟網(wǎng)絡(luò)端將提取到的所有背景圖合成一張當(dāng)前結(jié)果圖，并生成當(dāng)前結(jié)果圖對(duì)應(yīng)的提取路徑信息；

當(dāng)判斷為是時(shí)，生成預(yù)先結(jié)果圖對(duì)應(yīng)的提取路徑信息。

結(jié)合第一方面的第一種可能的實(shí)施方式，本發(fā)明實(shí)施例提供了第一方面的第二種可能的實(shí)施方式，其中，依據(jù)識(shí)別信息在圖片存儲(chǔ)文件中提取對(duì)應(yīng)的背景圖通過(guò)以下步驟來(lái)實(shí)現(xiàn)：

網(wǎng)絡(luò)端獲取網(wǎng)頁(yè)資源請(qǐng)求所對(duì)應(yīng)的網(wǎng)頁(yè)內(nèi)容；

根據(jù)網(wǎng)頁(yè)內(nèi)容得到鏈接標(biāo)簽；

根據(jù)鏈接標(biāo)簽獲取背景圖的訪問(wèn)路徑信息，并根據(jù)訪問(wèn)路徑信息獲得背景圖。

結(jié)合第一方面的第二種可能的實(shí)施方式，本發(fā)明實(shí)施例提供了第一方面的第三種可能的實(shí)施方式，其中，生成當(dāng)前結(jié)果圖對(duì)應(yīng)的提取路徑信息包括以下步驟：

提取背景圖的樣式特征和背景特征；

根據(jù)樣式特征和背景特征得到提取路徑信息。

結(jié)合第一方面的第三種可能的實(shí)施方式，本發(fā)明實(shí)施例提供了第一方面的第四種可能的實(shí)施方式，其中，方法還包括：

網(wǎng)絡(luò)端將背景圖均替換為當(dāng)前結(jié)果圖。

第二方面，本發(fā)明實(shí)施例提供了一種合并網(wǎng)頁(yè)中背景圖的系統(tǒng)，包括：

背景圖提取模塊，用于解析用戶端的網(wǎng)頁(yè)資源請(qǐng)求，以獲取識(shí)別信息，并依據(jù)識(shí)別信息在圖片存儲(chǔ)文件中提取對(duì)應(yīng)的背景圖；

結(jié)果圖生成模塊，用于將提取到的所有背景圖合成一張當(dāng)前結(jié)果圖，并生成當(dāng)前結(jié)果圖對(duì)應(yīng)的提取路徑信息；

返回模塊，用于將提取路徑信息返回給用戶端。

結(jié)合第二方面，本發(fā)明實(shí)施例提供了第二方面的第一種可能的實(shí)施方式，其中，還包括：

判斷模塊，用于判斷圖片存儲(chǔ)文件中是否已經(jīng)存在合成好的預(yù)先結(jié)果圖；

否定執(zhí)行模塊，用于當(dāng)判斷為否，則執(zhí)行步驟網(wǎng)絡(luò)端將提取到的所有背景圖合成一張當(dāng)前結(jié)果圖，并生成當(dāng)前結(jié)果圖對(duì)應(yīng)的提取路徑信息；

肯定執(zhí)行模塊，用于當(dāng)判斷為是時(shí)，生成預(yù)先結(jié)果圖對(duì)應(yīng)的提取路徑信息。

結(jié)合第二方面的第一種可能的實(shí)施方式，本發(fā)明實(shí)施例提供了第二方面的第二種可能的實(shí)施方式，其中，背景圖提取模塊包括：

網(wǎng)頁(yè)內(nèi)容獲取單元，獲取網(wǎng)頁(yè)資源請(qǐng)求所對(duì)應(yīng)的網(wǎng)頁(yè)內(nèi)容；

鏈接標(biāo)簽提取單元，用于根據(jù)網(wǎng)頁(yè)內(nèi)容得到鏈接標(biāo)簽；

獲取單元，用于根據(jù)鏈接標(biāo)簽獲取背景圖的訪問(wèn)路徑信息，并根據(jù)訪問(wèn)路徑信息獲得背景圖。

結(jié)合第二方面的第二種可能的實(shí)施方式，本發(fā)明實(shí)施例提供了第二方面的第三種可能的實(shí)施方式，其中，結(jié)果圖生成模塊包括：

特征提取單元，用于提取背景圖的樣式特征和背景特征；

提取路徑信息生成單元，用于根據(jù)樣式特征和背景特征得到提取路徑信息。

結(jié)合第二方面的第三種可能的實(shí)施方式，本發(fā)明實(shí)施例提供了第二方面的第四種可能的實(shí)施方式，其中，還包括：

替換模塊，用于將背景圖均替換為當(dāng)前結(jié)果圖。

本發(fā)明實(shí)施例提供的一種合并網(wǎng)頁(yè)中背景圖的方法和系統(tǒng)，通過(guò)網(wǎng)絡(luò)端解析用戶端的網(wǎng)頁(yè)資源請(qǐng)求，獲取到識(shí)別信息，根據(jù)該識(shí)別信息在圖片存儲(chǔ)文件中提取對(duì)應(yīng)的背景圖，在得到背景圖后將所有背景圖合成一張當(dāng)前結(jié)果圖，并生成當(dāng)前結(jié)果圖對(duì)應(yīng)的提取路徑信息，最后，由網(wǎng)絡(luò)端將提取路徑信息返回給用戶端。這樣，用戶端在請(qǐng)求網(wǎng)頁(yè)資源時(shí)，可以通過(guò)提取路徑信息動(dòng)態(tài)實(shí)時(shí)的獲得一張結(jié)果圖進(jìn)行顯示，而無(wú)需多次請(qǐng)求所需要顯示的所有背景圖，進(jìn)而減少了用戶端的請(qǐng)求次數(shù)，使得網(wǎng)頁(yè)的性能大幅提升。

為使本發(fā)明的上述目的、特征和優(yōu)點(diǎn)能更明顯易懂，下文特舉較佳實(shí)施例，并配合所附附圖，作詳細(xì)說(shuō)明如下。

附圖說(shuō)明

為了更清楚地說(shuō)明本發(fā)明實(shí)施例的技術(shù)方案，下面將對(duì)實(shí)施例中所需要使用的附圖作簡(jiǎn)單地介紹，應(yīng)當(dāng)理解，以下附圖僅示出了本發(fā)明的某些實(shí)施例，因此不應(yīng)被看作是對(duì)范圍的限定，對(duì)于本領(lǐng)域普通技術(shù)人員來(lái)講，在不付出創(chuàng)造性勞動(dòng)的前提下，還可以根據(jù)這些附圖獲得其他相關(guān)的附圖。

圖1示出了本發(fā)明實(shí)施例所提供的一種合并網(wǎng)頁(yè)中背景圖的方法和系統(tǒng)的流程圖；

圖2示出了本發(fā)明實(shí)施例所提供的一種合并網(wǎng)頁(yè)中背景圖的方法和系統(tǒng)的框架圖；

圖3示出了本發(fā)明實(shí)施例所提供的一種網(wǎng)絡(luò)架構(gòu)圖。

主要組件符號(hào)說(shuō)明：

1-背景圖提取模塊 2-結(jié)果圖生成模塊

3-返回模塊

具體實(shí)施方式

下面將結(jié)合本發(fā)明實(shí)施例中附圖，對(duì)本發(fā)明實(shí)施例中的技術(shù)方案進(jìn)行清楚、完整地描述，顯然，所描述的實(shí)施例僅僅是本發(fā)明一部分實(shí)施例，而不是全部的實(shí)施例。通常在此處附圖中描述和示出的本發(fā)明實(shí)施例的組件可以以各種不同的配置來(lái)布置和設(shè)計(jì)。因此，以下對(duì)在附圖中提供的本發(fā)明的實(shí)施例的詳細(xì)描述并非旨在限制要求保護(hù)的本發(fā)明的范圍，而是僅僅表示本發(fā)明的選定實(shí)施例?；诒景l(fā)明的實(shí)施例，本領(lǐng)域技術(shù)人員在沒(méi)有做出創(chuàng)造性勞動(dòng)的前提下所獲得的所有其他實(shí)施例，都屬于本發(fā)明保護(hù)的范圍。

在本發(fā)明的描述中，需要說(shuō)明的是，術(shù)語(yǔ)“中心”、“上”、“下”、“左”、“右”、“豎直”、“水平”、“內(nèi)”、“外”等指示的方位或位置關(guān)系為基于附圖所示的方位或位置關(guān)系，僅是為了便于描述本發(fā)明的簡(jiǎn)化描述，而不是指示或暗示所指的設(shè)備或組件必須具有特定的方位、以特定的方位構(gòu)造和操作，因此不能理解為對(duì)本發(fā)明的限制。此外，術(shù)語(yǔ)“第一”、“第二”、“第三”僅用于描述目的，而不能理解為指示或暗示相對(duì)重要性。其中，術(shù)語(yǔ)“第一位置”和“第二位置”為兩個(gè)不同的位置。

在本發(fā)明的描述中，需要說(shuō)明的是，除非另有明確的規(guī)定和限定，術(shù)語(yǔ)“安裝”、“相連”、“連接”應(yīng)做廣義理解，例如，可以是固定連接，也可以是可拆卸連接，或一體地連接；可以是機(jī)械連接，也可以是電連接；可以是直接相連，也可以通過(guò)中間媒介間接相連，可以是兩個(gè)組件內(nèi)部的連通。對(duì)于本領(lǐng)域的普通技術(shù)人員而言，可以具體情況理解上述術(shù)語(yǔ)在本發(fā)明中的具體含義。

在網(wǎng)頁(yè)的渲染過(guò)程中，獲取每張背景圖，都需要發(fā)送一次HTTP請(qǐng)求，所以當(dāng)背景圖比較多的使用，為獲取背景圖而發(fā)送的HTTP請(qǐng)求也將會(huì)很多，嚴(yán)重影響網(wǎng)頁(yè)的渲染速度。由于，在不同的狀態(tài)和時(shí)刻下，同一個(gè)網(wǎng)頁(yè)往往會(huì)包含不同的區(qū)塊，每一個(gè)區(qū)塊中會(huì)包含多個(gè)不同的背景圖。相關(guān)技術(shù)中存在如下問(wèn)題：當(dāng)用戶想顯示某時(shí)刻的網(wǎng)頁(yè)時(shí)，需要多次調(diào)取背景圖，這樣，嚴(yán)重影響了網(wǎng)頁(yè)的響應(yīng)速度。

雖然，目前現(xiàn)有的技術(shù)中，在網(wǎng)頁(yè)進(jìn)行初始化時(shí)，對(duì)單個(gè)樣式文件中所包含的背景圖進(jìn)行了合并，一開(kāi)始合并背景圖的工作是開(kāi)發(fā)人員手動(dòng)來(lái)完成的，后來(lái)誕生了一些自動(dòng)合并背景圖片的方案和工具。之后將所有合并后的背景圖一并進(jìn)行顯示。但這種情況下，依然會(huì)有多個(gè)合并圖，并沒(méi)有充分地減少獲取背景圖的請(qǐng)求數(shù)，這樣，就會(huì)造成對(duì)不必要的加載性能和處理能力的浪費(fèi)。

實(shí)施例一

參見(jiàn)圖1所示的一種合并網(wǎng)頁(yè)中背景圖的方法的流程圖，該方法包括以下步驟：

S101：網(wǎng)絡(luò)端解析用戶端的網(wǎng)頁(yè)資源請(qǐng)求，以獲取識(shí)別信息，并依據(jù)識(shí)別信息在圖片存儲(chǔ)文件中提取對(duì)應(yīng)的背景圖。

首先，如圖3所示，網(wǎng)絡(luò)端接收用戶端發(fā)送的資源請(qǐng)求，并判斷該資源請(qǐng)求的類型是否為網(wǎng)頁(yè)資源請(qǐng)求，當(dāng)判定該資源請(qǐng)求為網(wǎng)頁(yè)資源請(qǐng)求時(shí)，網(wǎng)絡(luò)端解析該網(wǎng)頁(yè)資源請(qǐng)求。

之后，網(wǎng)絡(luò)端獲取網(wǎng)頁(yè)資源請(qǐng)求所對(duì)應(yīng)的網(wǎng)頁(yè)內(nèi)容，根據(jù)網(wǎng)頁(yè)內(nèi)容得到鏈接標(biāo)簽，根據(jù)鏈接標(biāo)簽獲取背景圖的訪問(wèn)路徑信息，并根據(jù)訪問(wèn)路徑信息獲得背景圖。具體的，網(wǎng)絡(luò)端解析網(wǎng)頁(yè)資源請(qǐng)求對(duì)應(yīng)的網(wǎng)頁(yè)資源的內(nèi)容，獲取網(wǎng)頁(yè)資源內(nèi)容中所有樣式文件的URL地址，這里所說(shuō)的樣式文件即為目前開(kāi)發(fā)過(guò)程中的CSS文件，并進(jìn)一步獲取所有的樣式文件，其中，樣式文件中包含所有背景圖。這樣，網(wǎng)絡(luò)端依據(jù)識(shí)別信息在圖片存儲(chǔ)文件中提取對(duì)應(yīng)的背景圖。

S102：網(wǎng)絡(luò)端將提取到的所有背景圖合成一張當(dāng)前結(jié)果圖，并生成當(dāng)前結(jié)果圖對(duì)應(yīng)的提取路徑信息。

當(dāng)提取到對(duì)應(yīng)的背景圖后，網(wǎng)絡(luò)端判斷圖片存儲(chǔ)文件中是否已經(jīng)存在合成好的預(yù)先結(jié)果圖，由于某種需要，在原有背景圖的基礎(chǔ)上可能已經(jīng)存在所有背景圖對(duì)應(yīng)合成的結(jié)果圖。

當(dāng)判斷為否，即在樣式文件中沒(méi)有已經(jīng)合成好的結(jié)果圖時(shí)，則網(wǎng)絡(luò)端將提取到的所有背景圖合成一張當(dāng)前結(jié)果圖，并生成當(dāng)前結(jié)果圖對(duì)應(yīng)的提取路徑信息。

當(dāng)判斷為是時(shí)，即在樣式文件中已經(jīng)存在由所有背景圖合成的結(jié)果圖時(shí)，直接生成預(yù)先結(jié)果圖對(duì)應(yīng)的提取路徑信息即可，無(wú)需再進(jìn)行圖片的合并。

上述提取路徑信息的生成，可通過(guò)以下方法：提取背景圖的樣式特征和背景特征，得到所有背景圖的URL，將所有背景圖的URL進(jìn)行復(fù)制、合并，生成結(jié)果圖的提取路徑信息。結(jié)果圖的提取路徑信息還可以通過(guò)其他方式來(lái)進(jìn)行人工生成，這里不再一一贅述。

S103：網(wǎng)絡(luò)端將提取路徑信息返回給用戶端。

得到結(jié)果圖的提取路徑信息后，將每個(gè)背景圖對(duì)應(yīng)的路徑信息相應(yīng)修改為上述提取路徑信息。在另一種實(shí)施例中，將當(dāng)前背景圖所在所有樣式文件進(jìn)行合并，之后將其中的背景圖對(duì)應(yīng)的路徑信息相應(yīng)修改為上述提取路徑信息。

此外，為了能使結(jié)果圖在網(wǎng)頁(yè)中正常顯示，需要適應(yīng)性調(diào)整樣式文件中的圖片顯示位置信息。

如圖3所示，網(wǎng)絡(luò)端將提取路徑信息返回給用戶端，以供顯示。

本實(shí)施例提供的一種合并網(wǎng)頁(yè)中背景圖的方法，該實(shí)施例的技術(shù)效果是：通過(guò)網(wǎng)絡(luò)端解析用戶端的網(wǎng)頁(yè)資源請(qǐng)求，提取網(wǎng)頁(yè)顯示所對(duì)應(yīng)的背景圖，網(wǎng)絡(luò)端將提取到的所有背景圖合成一張當(dāng)前結(jié)果圖，并生成當(dāng)前結(jié)果圖對(duì)應(yīng)的提取路徑信息，將提取路徑信息返回給用戶端進(jìn)行顯示。從而使網(wǎng)頁(yè)通過(guò)一張結(jié)果圖進(jìn)行顯示，進(jìn)而大幅提升了網(wǎng)頁(yè)性能。這樣，當(dāng)用戶訪問(wèn)一個(gè)網(wǎng)頁(yè)時(shí)，動(dòng)態(tài)實(shí)時(shí)地將該網(wǎng)頁(yè)中包含的所有背景圖合并成一張圖片，從網(wǎng)頁(yè)整體的角度來(lái)看，將請(qǐng)求背景圖所需的請(qǐng)求數(shù)減少到最低，提高網(wǎng)頁(yè)加載性能，提升用戶體驗(yàn)。再者，動(dòng)態(tài)地進(jìn)行背景圖的合并，避免了對(duì)不必要的背景圖的處理，而且，開(kāi)發(fā)者無(wú)需手動(dòng)合并背景圖，也無(wú)需關(guān)心背景圖合并的范圍在網(wǎng)頁(yè)區(qū)塊和網(wǎng)頁(yè)整體之間的權(quán)衡，進(jìn)而提高開(kāi)發(fā)效率，并減少后期維護(hù)的成本。

實(shí)施例二

參見(jiàn)圖2所示的一種合并網(wǎng)頁(yè)中背景圖的系統(tǒng)的框架圖，該系統(tǒng)包括以下模塊：

背景圖提取模塊1，用于解析用戶端的網(wǎng)頁(yè)資源請(qǐng)求，以獲取識(shí)別信息，并依據(jù)識(shí)別信息在圖片存儲(chǔ)文件中提取對(duì)應(yīng)的背景圖。即通過(guò)網(wǎng)頁(yè)內(nèi)容獲取單元獲取網(wǎng)頁(yè)資源請(qǐng)求所對(duì)應(yīng)的網(wǎng)頁(yè)內(nèi)容，通過(guò)鏈接標(biāo)簽提取單元可以根據(jù)網(wǎng)頁(yè)內(nèi)容得到鏈接標(biāo)簽，通過(guò)獲取單元可以根據(jù)鏈接標(biāo)簽獲取背景圖的訪問(wèn)路徑信息，并根據(jù)訪問(wèn)路徑信息獲得背景圖。

此外，為了判定在原有的背景圖中是否已經(jīng)存在合成的結(jié)果圖，系統(tǒng)中還包括判斷模塊、否定執(zhí)行模塊和肯定執(zhí)行模塊，即通過(guò)判斷模塊判斷圖片存儲(chǔ)文件中是否已經(jīng)存在合成好的預(yù)先結(jié)果圖，當(dāng)判斷為否，則執(zhí)行步驟網(wǎng)絡(luò)端將提取到的所有背景圖合成一張當(dāng)前結(jié)果圖，并生成當(dāng)前結(jié)果圖對(duì)應(yīng)的提取路徑信息；當(dāng)判斷為是時(shí)，生成預(yù)先結(jié)果圖對(duì)應(yīng)的提取路徑信息。

結(jié)果圖生成模塊2，用于將提取到的所有背景圖合成一張當(dāng)前結(jié)果圖，并生成當(dāng)前結(jié)果圖對(duì)應(yīng)的提取路徑信息，具體的，結(jié)果圖生成模塊2包括：特征提取單元和提取路徑信息生成單元，用于提取背景圖的樣式特征和背景特征，并根據(jù)樣式特征和背景特征得到提取路徑信息。

返回模塊3，用于將提取路徑信息返回給用戶端。

此外，還包括：替換模塊，用于將背景圖均替換為當(dāng)前結(jié)果圖。

本實(shí)施例提供的一種合并網(wǎng)頁(yè)中背景圖的系統(tǒng)，該實(shí)施例的技術(shù)效果是：通過(guò)背景圖提取模塊1，網(wǎng)絡(luò)端解析用戶端的網(wǎng)頁(yè)資源請(qǐng)求，提取網(wǎng)頁(yè)顯示所對(duì)應(yīng)的背景圖，通過(guò)結(jié)果圖生成模塊2網(wǎng)絡(luò)端將提取到的所有背景圖合成一張當(dāng)前結(jié)果圖，并生成當(dāng)前結(jié)果圖對(duì)應(yīng)的提取路徑信息，通過(guò)返回模塊3，將提取路徑信息返回給用戶端進(jìn)行顯示，從而使網(wǎng)頁(yè)通過(guò)一張結(jié)果圖進(jìn)行顯示，進(jìn)而大幅提升了網(wǎng)頁(yè)性能。當(dāng)用戶訪問(wèn)一個(gè)網(wǎng)頁(yè)時(shí)，動(dòng)態(tài)實(shí)時(shí)地將該網(wǎng)頁(yè)中包含的所有背景圖合并成一張圖片，從網(wǎng)頁(yè)整體的角度來(lái)看，將請(qǐng)求背景圖所需的請(qǐng)求數(shù)減少到最低，提高網(wǎng)頁(yè)加載性能，提升用戶體驗(yàn)。再者，動(dòng)態(tài)地進(jìn)行背景圖的合并，避免了對(duì)不必要的背景圖的處理，而且，開(kāi)發(fā)者無(wú)需手動(dòng)合并背景圖，也無(wú)需關(guān)心背景圖合并的范圍在網(wǎng)頁(yè)區(qū)塊和網(wǎng)頁(yè)整體之間的權(quán)衡，進(jìn)而提高開(kāi)發(fā)效率，并減少后期維護(hù)的成本。

以上所述，僅為本發(fā)明的具體實(shí)施方式，但本發(fā)明的保護(hù)范圍并不局限于此，任何熟悉本技術(shù)領(lǐng)域的技術(shù)人員在本發(fā)明揭露的技術(shù)范圍內(nèi)，可輕易想到變化或替換，都應(yīng)涵蓋在本發(fā)明的保護(hù)范圍之內(nèi)。因此，本發(fā)明的保護(hù)范圍應(yīng)以所述權(quán)利要求的保護(hù)范圍為準(zhǔn)。