一種網(wǎng)站頁面優(yōu)化加載的方法及裝置的制造方法
【專利摘要】本發(fā)明公開了一種網(wǎng)站頁面優(yōu)化加載的方法及裝置，用于提升網(wǎng)站頁面加載速度。所述方法包括：獲取網(wǎng)站頁面中的圖片尺寸，并根據(jù)預設的尺寸匹配規(guī)則檢測所述圖片尺寸是否與網(wǎng)站頁面尺寸匹配，并在所述圖片尺寸與網(wǎng)站頁面尺寸不匹配時，重新定義所述圖片尺寸；根據(jù)預設的優(yōu)化規(guī)則去除網(wǎng)站頁面中的CSS文件和/或JS腳本和/或HTML文件中的空格和/或注釋。該方案通過優(yōu)化網(wǎng)站頁面的圖片尺寸以及優(yōu)化網(wǎng)站頁面的文件等方式對網(wǎng)站頁面的加載速度進行優(yōu)化，提高了網(wǎng)站頁面加載及訪問速度，提升了用戶體驗。
【專利說明】
一種網(wǎng)站頁面優(yōu)化加載的方法及裝置
技術領域
[0001]本發(fā)明涉及互聯(lián)網(wǎng)領域，特別涉及一種網(wǎng)站頁面優(yōu)化加載的方法及裝置?！颈尘凹夹g】
[0002]隨著科學技術的發(fā)展及人民生活水平的提高，互聯(lián)網(wǎng)已經(jīng)成為人們工作、學習、社交以及休閑娛樂不可替代的重要方式。隨著用戶使用頻率的增高以及用戶對信息需求量的增多，互聯(lián)網(wǎng)為各類用戶提供的信息也越來越廣泛，從而使得網(wǎng)站頁面在打開時需要加載的內(nèi)容也會越來越多；而由于網(wǎng)站頁面加載內(nèi)容的增多，其加載的速度也會越來越慢，顯示網(wǎng)站頁面的時長也會越長，進而影響用戶體驗。
【發(fā)明內(nèi)容】

[0003]本發(fā)明提供一種網(wǎng)站頁面優(yōu)化加載的方法及裝置，通過多種網(wǎng)站頁面的優(yōu)化方式對網(wǎng)站頁面的加載速度進行優(yōu)化，提高了網(wǎng)站頁面加載及訪問速度，提升了用戶體驗。
[0004]根據(jù)本發(fā)明實施例的第一方面，提供一種網(wǎng)站頁面優(yōu)化加載的方法，包括:
[0005]獲取網(wǎng)站頁面中的圖片尺寸，并根據(jù)預設的尺寸匹配規(guī)則檢測所述圖片尺寸是否與網(wǎng)站頁面尺寸匹配，并在所述圖片尺寸與網(wǎng)站頁面尺寸不匹配時，重新定義所述圖片尺寸；
[0006]根據(jù)預設的優(yōu)化規(guī)則去除網(wǎng)站頁面中的CSS文件和/或JS腳本和/或HTML文件中的空格和/或注釋。
[0007]在一個實施例中，所述方法還包括:
[0008]在網(wǎng)站頁面中導入CSS文件時，僅使用LINK標簽以減少加載時間；和/或
[0009]將不同的CSS文件和/或?qū)⒉煌腏S腳本和/或?qū)⒉煌膱D片放置入同一文件中以減少HTTP請求次數(shù)。
[0010]在一個實施例中，所述方法還包括:
[0011]將預設的JS腳本作為異步腳本進行網(wǎng)站頁面的加載，其中，所述預設的JS腳本包括第三方腳本;和/或
[0012]通過內(nèi)容分發(fā)網(wǎng)絡響應網(wǎng)站頁面訪問者的訪問請求。
[0013]在一個實施例中，所述方法還包括:
[0014]將CSS文件放置于頂部和/或?qū)S腳本放置于底部進行網(wǎng)站頁面的加載;和/或
[0015]在通過解析HTML文件構建D0M樹進行網(wǎng)站頁面的加載時，將預設范圍內(nèi)的JS腳本設定為異步加載或延遲加載;和/或
[0016]在網(wǎng)站頁面初始加載時，將瀏覽器對JS腳本的解析過程延遲。
[0017]在一個實施例中，所述方法還包括:
[0018]在網(wǎng)站頁面的加載過程中啟用KEEP ALIVE選項;和/或[〇〇19]在發(fā)送HTML文件以及CSS文件時，允許啟用GZIP程序進行文件壓縮。
[0020]根據(jù)本發(fā)明實施例的第二方面，還提供一種網(wǎng)站頁面優(yōu)化加載的裝置，包括網(wǎng)站頁面優(yōu)化模塊，且所述網(wǎng)站頁面優(yōu)化模塊包括:
[0021]圖片尺寸優(yōu)化子模塊，用于獲取網(wǎng)站頁面中的圖片尺寸，并根據(jù)預設的尺寸匹配規(guī)則檢測所述圖片尺寸是否與網(wǎng)站頁面尺寸匹配，并在所述圖片尺寸與網(wǎng)站頁面尺寸不匹配時，重新定義所述圖片尺寸；[〇〇22]文件優(yōu)化子模塊，用于根據(jù)預設的優(yōu)化規(guī)則去除網(wǎng)站頁面中的CSS文件和/或JS腳本和/或HTML文件中的空格和/或注釋。
[0023]在一個實施例中，所述網(wǎng)站頁面優(yōu)化模塊還包括:[〇〇24] CSS文件導入優(yōu)化子模塊，用于在網(wǎng)站頁面中導入CSS文件時，僅使用LINK標簽以減少加載時間；和/或
[0025]文件合并子模塊，用于將不同的CSS文件和/或?qū)⒉煌腏S腳本和/或?qū)⒉煌膱D片放置入同一文件中以減少HTTP請求次數(shù)。
[0026]在一個實施例中，所述網(wǎng)站頁面優(yōu)化模塊還包括:
[0027]異步腳本子模塊，用于將預設的JS腳本作為異步腳本進行網(wǎng)站頁面的加載，其中， 所述預設的JS腳本包括第三方腳本;和/或
[0028]訪問請求響應子模塊，用于通過內(nèi)容分發(fā)網(wǎng)絡響應網(wǎng)站頁面訪問者的訪問請求。
[0029]在一個實施例中，所述網(wǎng)站頁面優(yōu)化模塊還包括:
[0030]文件布局子模塊，用于將CSS文件放置于頂部和/或?qū)S腳本放置于底部進行網(wǎng)站頁面的加載;和/或
[0031]JS腳本加載設定子模塊，用于在通過解析HTML文件構建D0M樹進行網(wǎng)站頁面的加載時，將預設范圍內(nèi)的JS腳本設定為異步加載或延遲加載;和/或
[0032]JS腳本解析延遲子模塊，用于在網(wǎng)站頁面初始加載時，將瀏覽器對JS腳本的解析過程延遲。
[0033]在一個實施例中，所述網(wǎng)站頁面優(yōu)化模塊還包括:[〇〇34] 選項啟用子模塊，用于在網(wǎng)站頁面的加載過程中啟用KEEP ALIVE選項;和/或
[0035]文件壓縮子模塊，用于在發(fā)送HTML文件以及CSS文件時，允許啟用GZIP程序進行文件壓縮。
[0036]本發(fā)明實施例提供的技術方案可產(chǎn)生以下有益效果:獲取網(wǎng)站頁面中的圖片尺寸，并根據(jù)預設的尺寸匹配規(guī)則檢測所述圖片尺寸是否與網(wǎng)站頁面尺寸匹配，并在所述圖片尺寸與網(wǎng)站頁面尺寸不匹配時，重新定義所述圖片尺寸;根據(jù)預設的優(yōu)化規(guī)則去除網(wǎng)站頁面中的CSS文件和/或JS腳本和/或HTML文件中的空格和/或注釋。該方案通過優(yōu)化網(wǎng)站頁面的圖片尺寸以及優(yōu)化網(wǎng)站頁面的文件等方式對網(wǎng)站頁面的加載速度進行優(yōu)化，提高了網(wǎng)站頁面加載及訪問速度，提升了用戶體驗。
[0037]本發(fā)明的其它特征和優(yōu)點將在隨后的說明書中闡述，并且，部分地從說明書中變得顯而易見，或者通過實施本發(fā)明而了解。本發(fā)明的目的和其他優(yōu)點可通過在所寫的說明書、權利要求書、以及附圖中所特別指出的結構來實現(xiàn)和獲得。
[0038]下面通過附圖和實施例，對本發(fā)明的技術方案做進一步的詳細描述?！靖綀D說明】[〇〇39]附圖用來提供對本發(fā)明的進一步理解，并且構成說明書的一部分，與本發(fā)明的實施例一起用于解釋本發(fā)明，并不構成對本發(fā)明的限制。
[0040]在附圖中:
[0041]圖1為本發(fā)明根據(jù)一示例性實施例示出的一種網(wǎng)站頁面優(yōu)化加載的方法的流程圖。[〇〇42]圖2為本發(fā)明根據(jù)一示例性實施例示出的另一種網(wǎng)站頁面優(yōu)化加載的方法的流程圖。
[0043]圖3為本發(fā)明根據(jù)一示例性實施例示出的又一種網(wǎng)站頁面優(yōu)化加載的方法的流程圖。
[0044]圖4為本發(fā)明根據(jù)一示例性實施例示出的再一種網(wǎng)站頁面優(yōu)化加載的方法的流程圖。
[0045]圖5為本發(fā)明根據(jù)一示例性實施例示出的又一種網(wǎng)站頁面優(yōu)化加載的方法的流程圖。
[0046]圖6為本發(fā)明根據(jù)一示例性實施例示出的一種網(wǎng)站頁面優(yōu)化加載的裝置的框圖。
[0047]圖7為本發(fā)明根據(jù)一示例性實施例示出的另一種網(wǎng)站頁面優(yōu)化加載的裝置的框圖。
[0048]圖8為本發(fā)明根據(jù)一示例性實施例示出的又一種網(wǎng)站頁面優(yōu)化加載的裝置的框圖。
[0049]圖9為本發(fā)明根據(jù)一示例性實施例示出的再一種網(wǎng)站頁面優(yōu)化加載的裝置的框圖。
[0050]圖10為本發(fā)明根據(jù)一示例性實施例示出的又一種網(wǎng)站頁面優(yōu)化加載的裝置的框圖?！揪唧w實施方式】
[0051]以下結合附圖對本發(fā)明的優(yōu)選實施例進行說明，應當理解，此處所描述的優(yōu)選實施例僅用于說明和解釋本發(fā)明，并不用于限定本發(fā)明。
[0052]本公開實施例提供了一種網(wǎng)站頁面優(yōu)化加載的方法，用于通過多種優(yōu)化方式對網(wǎng)站頁面的加載速度進行優(yōu)化，提高了網(wǎng)站頁面加載及訪問速度，提升了用戶體驗。如圖1所示，該方法包括步驟S10-S20:
[0053]在步驟S10中，獲取網(wǎng)站頁面中的圖片尺寸，并根據(jù)預設的尺寸匹配規(guī)則檢測所述圖片尺寸是否與網(wǎng)站頁面尺寸匹配，并在所述圖片尺寸與網(wǎng)站頁面尺寸不匹配時，重新定義所述圖片尺寸;其中，所述尺寸匹配規(guī)則可以根據(jù)用戶需求進行設定，在該步驟S10中主要進行網(wǎng)站頁面圖片的優(yōu)化，也即，在網(wǎng)站頁面的圖片超出了預設的尺寸匹配規(guī)則的時候 (比如圖片過大時)參照網(wǎng)站頁面的大小重新定義圖片大小，這能夠有效地提升網(wǎng)站頁面的加載速度。[〇〇54]在步驟S20中，根據(jù)預設的優(yōu)化規(guī)則去除網(wǎng)站頁面中的CSS文件(擴展名為css)和/ 或JS腳本(后綴名為jsp)和/或HTML文件(*.1^111，*.1^1111)中的空格和/或注釋。在該步驟 S10中主要進行CSS文件、JS腳本和HTML文件的優(yōu)化，也即，刪除所有CSS文件、JS腳本和HTML 文件中不必要的空格和注釋，從而減小文件大小，進而提高網(wǎng)站頁面的加載速度。其中，所述優(yōu)化規(guī)則為去除CSS文件、JS腳本和HTML文件中不必要的空格和注釋的規(guī)則和方法(比如設定刪除特定位置的空格或注釋)，該優(yōu)化規(guī)則可以根據(jù)需要進行設定。
[0055]可以理解的，所述步驟S20在圖1所示的實施例中其順序在所述步驟S10之后，但在一些實施例中，兩者的順序可以根據(jù)需要進行調(diào)換。
[0056]在一個實施例中，如圖2所示，所述方法還包括步驟S30:在網(wǎng)站頁面中導入CSS文件時，僅使用LINK標簽以減少加載時間；在該步驟中，主要是在網(wǎng)站頁面加載CSS文件時使用LINK標簽而避免使用Oimport(導入CSS文件的一種方式)，因為Oimport在嵌套入不同的 CSS文件中或者和LINK標簽聯(lián)合使用時，明顯會增加頁面加載時間，而這樣的使用情況很難避免，因此可以通過僅使用LINK標簽減少加載時間。[〇〇57] 如圖2所示，所述方法還包括步驟S40:將不同的CSS文件和/或?qū)⒉煌腏S腳本和/ 或?qū)⒉煌膱D片放置入同一文件中以減少HTTP(Hyper Text Transfer Protocol:超文本傳輸協(xié)議)請求次數(shù);而減少HTTP請求次數(shù)可以有效的增加網(wǎng)站頁面的加載速度。具體地， 可以將不同的CSS文件合成一個文件來減少HTTP請求次數(shù)；同理，也可以將不同的JS腳本合成一個文件來減少HTTP請求次數(shù)；另外，也可以使用CSS sprites把多個圖片文件放置到一個文件里，從而減少圖片下載的次數(shù)，進而減少HTTP請求次數(shù)。[〇〇58]可理解的，圖2中所示的實施例包括步驟S30與步驟S40,但在一些實施例中，所述方法只包括其中的一個步驟。[〇〇59]在一個實施例中，如圖3所示，所述方法還包括步驟S50:將預設的JS腳本作為異步腳本進行網(wǎng)站頁面的加載，其中，所述預設的JS腳本包括第三方腳本;在該步驟中，通過異步加載JS腳本來提高網(wǎng)站頁面加載速度，由于在異步模式中，JS腳本是在后臺下載的，因此網(wǎng)站頁面的負載并不依賴于這些異步加載的JS腳本，從而使得網(wǎng)站訪問者不再需要等待所有的JS腳本加載完之后才能呈現(xiàn)網(wǎng)站頁面。其中，所述JS腳本可以根據(jù)需要進行設定，可以選擇將第三方腳本作為異步腳本，因為下載這些第三方腳本時常會讓網(wǎng)站頁面的加載速度變得非常慢。
[0060] 如圖3所示，所述方法還包括步驟S60:通過內(nèi)容分發(fā)網(wǎng)絡響應網(wǎng)站頁面訪問者的訪問請求。內(nèi)容分發(fā)網(wǎng)絡是位于不同地理位置的服務器組成的網(wǎng)絡，每個服務器都擁有所有網(wǎng)站的文件副本。要是有網(wǎng)站訪問者請求文件和網(wǎng)站頁面時，就可以直接從就近的網(wǎng)站服務器發(fā)送過來，因此通過內(nèi)容分發(fā)網(wǎng)絡響應網(wǎng)站頁面訪問者的訪問請求可以有效提升網(wǎng)站頁面加載速度。[0061 ]可理解的，圖3中所示的實施例包括步驟S50與步驟S60,但在一些實施例中，所述方法只包括其中的一個步驟。
[0062]在一個實施例中，如圖4所示，所述方法還包括步驟S70:將CSS文件放置于頂部和/ 或?qū)S腳本放置于底部進行網(wǎng)站頁面的加載;將CSS文件放在頂部有助網(wǎng)站頁面的迅速加載，因為這樣可以使得網(wǎng)站頁面漸進式呈現(xiàn)。而在圖片和/或CSS文件與JS腳本并行下載時， JS腳本會阻止其他的下載，直到其下載完畢，因此將JS腳本放置于底部有助于提升網(wǎng)站頁面的加載速度。[〇〇63] 如圖4所示，所述方法還包括步驟S80:在通過解析HTML文件構建D0M(Document Object Model:文檔對象模型)樹進行網(wǎng)站頁面的加載時，將預設范圍內(nèi)的JS腳本設定為異步加載或延遲加載;在通過解析HTML標記語言來構建D0M樹的過程中，如果遇到了 JS腳本， 該過程就會中止，轉(zhuǎn)而先執(zhí)行腳本，待室息感腳本完成之后才會繼續(xù)原先的活動，因此可以延遲加載那些不重要的JS腳本(可以根據(jù)需要將其加入所述預設范圍中)，或者令其采用異步加載的方式。
[0064] 如圖4所示，所述方法還包括步驟S90:在網(wǎng)站頁面初始加載時，將瀏覽器對JS腳本的解析過程延遲。在加載網(wǎng)站頁面，瀏覽器必須解析JS腳本的所有的〈script〉標記內(nèi)容，從而增加了網(wǎng)站的加載時間，將瀏覽器對JS腳本的解析過程延遲，可以減少初始網(wǎng)站的加載時間。[〇〇65] 可理解的，圖4中所示的實施例包括步驟S70、步驟S80以及步驟S90,但在一些實施例中所述方法包括其中的一個或多個步驟。
[0066]在一個實施例中，如圖5所示，所述方法還包括步驟S100:在網(wǎng)站頁面的加載過程中啟用KEEP ALIVE選項；如果KEEP ALIVE選項被禁止，那么網(wǎng)站頁面的進程通常就會增加， 從而拖累了網(wǎng)站的加載速度，因此可以在網(wǎng)站頁面的加載過程中啟用KEEP ALIVE選項，可理解的，啟用KEEP ALIVE選項還可以減少CPU的使用。
[0067]如圖5所示，所述方法還包括步驟S110:在發(fā)送HTML文件以及CSS文件時，允許mod_ defalte模塊啟用GZIP程序進行文件壓縮，從而提升網(wǎng)站頁面的加載速度。[〇〇68]可理解的，圖5中所示的實施例包括步驟S110與步驟S100,但在一些實施例中，所述方法只包括其中的一個步驟。
[0069]本發(fā)明實施例提供的上述方法，獲取網(wǎng)站頁面中的圖片尺寸，并根據(jù)預設的尺寸匹配規(guī)則檢測所述圖片尺寸是否與網(wǎng)站頁面尺寸匹配，并在所述圖片尺寸與網(wǎng)站頁面尺寸不匹配時，重新定義所述圖片尺寸;根據(jù)預設的優(yōu)化規(guī)則去除網(wǎng)站頁面中的CSS文件和/或 JS腳本和/或HTML文件中的空格和/或注釋。該方案通過多種網(wǎng)站頁面的優(yōu)化方式對網(wǎng)站頁面的加載速度進行優(yōu)化，提高了網(wǎng)站頁面加載及訪問速度，提升了用戶體驗。
[0070]對應本發(fā)明實施例提供的網(wǎng)站頁面優(yōu)化加載的方法，本發(fā)明還提供網(wǎng)站頁面優(yōu)化加載的裝置，如圖6所示，該裝置包括網(wǎng)站頁面優(yōu)化模塊600，且所述網(wǎng)站頁面優(yōu)化模塊600 包括:
[0071]圖片尺寸優(yōu)化子模塊601，用于獲取網(wǎng)站頁面中的圖片尺寸，并根據(jù)預設的尺寸匹配規(guī)則檢測所述圖片尺寸是否與網(wǎng)站頁面尺寸匹配，并在所述圖片尺寸與網(wǎng)站頁面尺寸不匹配時，重新定義所述圖片尺寸；
[0072]文件優(yōu)化子模塊602,用于根據(jù)預設的優(yōu)化規(guī)則去除網(wǎng)站頁面中的CSS文件和/或 JS腳本和/或HTML文件中的空格和/或注釋。
[0073]在一個實施例中，如圖7所示，所述網(wǎng)站頁面優(yōu)化模塊600還包括:[〇〇74] CSS文件導入優(yōu)化子模塊603,用于在網(wǎng)站頁面中導入CSS文件時，僅使用LINK標簽以減少加載時間；和/或
[0075]文件合并子模塊604,用于將不同的CSS文件和/或?qū)⒉煌腏S腳本和/或?qū)⒉煌膱D片放置入同一文件中以減少HTTP請求次數(shù)。
[0076]可以理解的，在圖7所示實施例中，所述網(wǎng)站頁面優(yōu)化模塊600包括所述CSS文件導入優(yōu)化子模塊603以及所述文件合并子模塊604,但在另一些實施例中，所述網(wǎng)站頁面優(yōu)化模塊600中可能只包括其中的一個。
[0077]在一個實施例中，如圖8所示，所述網(wǎng)站頁面優(yōu)化模塊600還包括:[〇〇78]異步腳本子模塊605,用于將預設的JS腳本作為異步腳本進行網(wǎng)站頁面的加載，其中，所述預設的JS腳本包括第三方腳本;和/或
[0079]訪問請求響應子模塊606,用于通過內(nèi)容分發(fā)網(wǎng)絡響應網(wǎng)站頁面訪問者的訪問請求。
[0080]可以理解的，在圖8所示實施例中，所述網(wǎng)站頁面優(yōu)化模塊600包括所述異步腳本子模塊605以及所述訪問請求響應子模塊606,但在另一些實施例中，所述網(wǎng)站頁面優(yōu)化模塊600中可能只包括其中的一個。
[0081]在一個實施例中，如圖9所示，所述網(wǎng)站頁面優(yōu)化模塊600還包括:[〇〇82]文件布局子模塊607，用于將CSS文件放置于頂部和/或?qū)S腳本放置于底部進行網(wǎng)站頁面的加載;和/或[〇〇83] JS腳本加載設定子模塊608，用于在通過解析HTML文件構建D0M樹進行網(wǎng)站頁面的加載時，將預設范圍內(nèi)的JS腳本設定為異步加載或延遲加載;和/或 [〇〇84] JS腳本解析延遲子模塊609,用于在網(wǎng)站頁面初始加載時，將瀏覽器對JS腳本的解析過程延遲。[〇〇85]可以理解的，在圖9所示實施例中，所述網(wǎng)站頁面優(yōu)化模塊600包括所述文件布局子模塊607、所述JS腳本加載設定子模塊608以及所述JS腳本解析延遲子模塊609,但在另一些實施例中，所述網(wǎng)站頁面優(yōu)化模塊600中包括其中的一個或多個。
[0086]在一個實施例中，如圖10所示，所述網(wǎng)站頁面優(yōu)化模塊600還包括:[〇〇87] 選項啟用子模塊610,用于在網(wǎng)站頁面的加載過程中啟用KEEP ALIVE選項;和/或 [〇〇88]文件壓縮子模塊611，用于在發(fā)送HTML文件以及CSS文件時，允許啟用GZIP程序進行文件壓縮。
[0089]可以理解的，在圖10所示實施例中，所述網(wǎng)站頁面優(yōu)化模塊600包括所述選項啟用子模塊610以及所述文件壓縮子模塊611，但在另一些實施例中，所述網(wǎng)站頁面優(yōu)化模塊600 中可能只包括其中的一個。
[0090]以上，本發(fā)明各實施例所述的網(wǎng)站頁面優(yōu)化模塊中的各子模塊可以根據(jù)需要令其中的一個或多個設置在相同的設備中。[〇〇91]本領域內(nèi)的技術人員應明白，本發(fā)明的實施例可提供為方法、系統(tǒng)、或計算機程序產(chǎn)品。因此，本發(fā)明可采用完全硬件實施例、完全軟件實施例、或結合軟件和硬件方面的實施例的形式。而且，本發(fā)明可采用在一個或多個其中包含有計算機可用程序代碼的計算機可用存儲介質(zhì)(包括但不限于磁盤存儲器和光學存儲器等)上實施的計算機程序產(chǎn)品的形式。
[0092]本發(fā)明是參照根據(jù)本發(fā)明實施例的方法、設備(系統(tǒng))、和計算機程序產(chǎn)品的流程圖和/或方框圖來描述的。應理解可由計算機程序請求實現(xiàn)流程圖和/或方框圖中的每一流程和/或方框、以及流程圖和/或方框圖中的流程和/或方框的結合?？商峁┻@些計算機程序請求到通用計算機、專用計算機、嵌入式處理機或其他可編程信息處理設備的處理器以產(chǎn)生一個機器，使得通過計算機或其他可編程信息處理設備的處理器執(zhí)行的請求產(chǎn)生用于實現(xiàn)在流程圖一個流程或多個流程和/或方框圖一個方框或多個方框中指定的功能的裝置。
[0093]這些計算機程序請求也可存儲在能引導計算機或其他可編程信息處理設備以特定方式工作的計算機可讀存儲器中，使得存儲在該計算機可讀存儲器中的請求產(chǎn)生包括請求裝置的制造品，該請求裝置實現(xiàn)在流程圖一個流程或多個流程和/或方框圖一個方框或多個方框中指定的功能。
[0094]這些計算機程序請求也可裝載到計算機或其他可編程信息處理設備上，使得在計算機或其他可編程設備上執(zhí)行一系列操作步驟以產(chǎn)生計算機實現(xiàn)的處理，從而在計算機或其他可編程設備上執(zhí)行的請求提供用于實現(xiàn)在流程圖一個流程或多個流程和/或方框圖一個方框或多個方框中指定的功能的步驟。
[0095]顯然，本領域的技術人員可以對本發(fā)明進行各種改動和變型而不脫離本發(fā)明的精神和范圍。這樣，倘若本發(fā)明的這些修改和變型屬于本發(fā)明權利要求及其等同技術的范圍之內(nèi)，則本發(fā)明也意圖包含這些改動和變型在內(nèi)。
【主權項】
1.一種網(wǎng)站頁面優(yōu)化加載的方法，其特征在于，包括:獲取網(wǎng)站頁面中的圖片尺寸，并根據(jù)預設的尺寸匹配規(guī)則檢測所述圖片尺寸是否與網(wǎng) 站頁面尺寸匹配，并在所述圖片尺寸與網(wǎng)站頁面尺寸不匹配時，重新定義所述圖片尺寸；根據(jù)預設的優(yōu)化規(guī)則去除網(wǎng)站頁面中的CSS文件和/或JS腳本和/或HTML文件中的空格 和/或注釋。2.如權利要求1所述的方法，其特征在于，所述方法還包括:在網(wǎng)站頁面中導入CSS文件時，僅使用LINK標簽以減少加載時間;和/或?qū)⒉煌腃SS文件和/或?qū)⒉煌腏S腳本和/或?qū)⒉煌膱D片放置入同一文件中以減少 HTTP請求次數(shù)。3.如權利要求1所述的方法，其特征在于，所述方法還包括:將預設的JS腳本作為異步腳本進行網(wǎng)站頁面的加載，其中，所述預設的JS腳本包括第 三方腳本;和/或通過內(nèi)容分發(fā)網(wǎng)絡響應網(wǎng)站頁面訪問者的訪問請求。4.如權利要求1所述的方法，其特征在于，所述方法還包括:將CSS文件放置于頂部和/或?qū)S腳本放置于底部進行網(wǎng)站頁面的加載;和/或在通過解析HTML文件構建DOM樹進行網(wǎng)站頁面的加載時，將預設范圍內(nèi)的JS腳本設定 為異步加載或延遲加載;和/或在網(wǎng)站頁面初始加載時，將瀏覽器對JS腳本的解析過程延遲。5.如權利要求1所述的方法，其特征在于，所述方法還包括:在網(wǎng)站頁面的加載過程中啟用KEEP ALIVE選項;和/或在發(fā)送HTML文件以及CSS文件時，允許啟用GZIP程序進行文件壓縮。6.—種網(wǎng)站頁面優(yōu)化加載的裝置，其特征在于，包括網(wǎng)站頁面優(yōu)化模塊，且所述網(wǎng)站頁 面優(yōu)化模塊包括:圖片尺寸優(yōu)化子模塊，用于獲取網(wǎng)站頁面中的圖片尺寸，并根據(jù)預設的尺寸匹配規(guī)則 檢測所述圖片尺寸是否與網(wǎng)站頁面尺寸匹配，并在所述圖片尺寸與網(wǎng)站頁面尺寸不匹配 時，重新定義所述圖片尺寸；文件優(yōu)化子模塊，用于根據(jù)預設的優(yōu)化規(guī)則去除網(wǎng)站頁面中的CSS文件和/或JS腳本 和/或HTML文件中的空格和/或注釋。7.如權利要求6所述的裝置，其特征在于，所述網(wǎng)站頁面優(yōu)化模塊還包括:CSS文件導入優(yōu)化子模塊，用于在網(wǎng)站頁面中導入CSS文件時，僅使用LINK標簽以減少 加載時間；和/或文件合并子模塊，用于將不同的CSS文件和/或?qū)⒉煌腏S腳本和/或?qū)⒉煌膱D片放 置入同一文件中以減少HTTP請求次數(shù)。8.如權利要求6所述的裝置，其特征在于，所述網(wǎng)站頁面優(yōu)化模塊還包括:異步腳本子模塊，用于將預設的JS腳本作為異步腳本進行網(wǎng)站頁面的加載，其中，所述 預設的JS腳本包括第三方腳本;和/或訪問請求響應子模塊，用于通過內(nèi)容分發(fā)網(wǎng)絡響應網(wǎng)站頁面訪問者的訪問請求。9.如權利要求6所述的裝置，其特征在于，所述網(wǎng)站頁面優(yōu)化模塊還包括:文件布局子模塊，用于將CSS文件放置于頂部和/或?qū)S腳本放置于底部進行網(wǎng)站頁面的加載;和/或JS腳本加載設定子模塊，用于在通過解析HTML文件構建DOM樹進行網(wǎng)站頁面的加載時， 將預設范圍內(nèi)的JS腳本設定為異步加載或延遲加載;和/或JS腳本解析延遲子模塊，用于在網(wǎng)站頁面初始加載時，將瀏覽器對JS腳本的解析過程 延遲。10.如權利要求6所述的裝置，其特征在于，所述網(wǎng)站頁面優(yōu)化模塊還包括:選項啟用子模塊，用于在網(wǎng)站頁面的加載過程中啟用KEEP ALIVE選項;和/或 文件壓縮子模塊，用于在發(fā)送HTML文件以及CSS文件時，允許啟用GZIP程序進行文件壓縮。
【文檔編號】G06F17/30GK106055575SQ201610340834
【公開日】2016年10月26日
【申請日】2016年5月19日
【發(fā)明人】張新亮
【申請人】天脈聚源(北京)傳媒科技有限公司