[發(fā)明專利]頁面資源預(yù)取方法、裝置、介質(zhì)及電子設(shè)備

在審

• 申請?zhí)枺?/td>: 202210615900.1
• 申請日: 2022-05-31
• 公開（公告）號: CN114896542A
• 公開（公告）日: 2022-08-12
• 發(fā)明（設(shè)計(jì)）人: 彭志國
• 申請（專利權(quán)）人: 北京字節(jié)跳動(dòng)網(wǎng)絡(luò)技術(shù)有限公司
• 主分類號: G06F16/958
• 分類號: G06F16/958;G06F16/957
• 代理公司: 北京英創(chuàng)嘉友知識(shí)產(chǎn)權(quán)代理事務(wù)所(普通合伙) 11447
• 代理人: 曹寒梅

本公開涉及一種頁面資源預(yù)取方法、裝置、介質(zhì)及電子設(shè)備，包括：在進(jìn)行頁面發(fā)布部署之前，通過預(yù)設(shè)開發(fā)插件獲取待部署頁面的頁面信息；根據(jù)待部署頁面的頁面信息確定需要進(jìn)行資源預(yù)取的目標(biāo)頁面；在目標(biāo)頁面對應(yīng)的下一頁面所包括的資源列表中確定需要進(jìn)行資源預(yù)取的目標(biāo)資源；確定目標(biāo)資源的資源地址，并通過預(yù)設(shè)開發(fā)插件將資源地址按照預(yù)設(shè)規(guī)則寫入目標(biāo)頁面后進(jìn)行發(fā)布部署，以使目標(biāo)頁面在被加載時(shí)能夠自動(dòng)對資源地址中的所述目標(biāo)資源進(jìn)行預(yù)取。這樣，即使html頁面資源內(nèi)容經(jīng)常更新，也無需開發(fā)人員來手動(dòng)對頁面資源預(yù)取的功能進(jìn)行維護(hù)，這樣不僅提高了開發(fā)人員對頁面的開發(fā)效率，而且同時(shí)也能提高用戶的頁面體驗(yàn)。

技術(shù)領(lǐng)域

本公開涉及前端技術(shù)領(lǐng)域，具體地，涉及一種頁面資源預(yù)取方法、裝置、介質(zhì)及電子設(shè)備。

背景技術(shù)

現(xiàn)有技術(shù)中，為了優(yōu)化用戶的使用體驗(yàn)，減少頁面打開的加載時(shí)間，往往會(huì)在用戶打開頁面之前提前加載未來用戶可能會(huì)訪問的資源，并存儲(chǔ)到瀏覽器，當(dāng)用戶打開當(dāng)前頁面的下一頁時(shí)能直接從瀏覽器緩存中讀取資源，無需重新等待網(wǎng)絡(luò)請求。但是，html頁面更新頻率較快，可能需要經(jīng)常更換頁面中的資源內(nèi)容，為了維護(hù)頁面資源提前預(yù)取的功能，頁面開發(fā)人員需要付出較多的人力，從而很大程度影響頁面的開發(fā)效率。

發(fā)明內(nèi)容

提供該發(fā)明內(nèi)容部分以便以簡要的形式介紹構(gòu)思，這些構(gòu)思將在后面的具體實(shí)施方式部分被詳細(xì)描述。該發(fā)明內(nèi)容部分并不旨在標(biāo)識(shí)要求保護(hù)的技術(shù)方案的關(guān)鍵特征或必要特征，也不旨在用于限制所要求的保護(hù)的技術(shù)方案的范圍。

第一方面，本公開提供一種頁面資源預(yù)取方法，所述方法包括：在進(jìn)行頁面發(fā)布部署之前，通過所述預(yù)設(shè)開發(fā)插件獲取待部署頁面的頁面信息，所述待部署頁面為一個(gè)或多個(gè)；根據(jù)所述待部署頁面的頁面信息確定需要進(jìn)行資源預(yù)取的目標(biāo)頁面，需要進(jìn)行預(yù)取的資源為所述目標(biāo)頁面對應(yīng)的下一頁面中所包括的資源；在所述目標(biāo)頁面對應(yīng)的下一頁面所包括的資源列表中確定需要進(jìn)行所述資源預(yù)取的目標(biāo)資源；確定所述目標(biāo)資源的資源地址，并通過所述預(yù)設(shè)開發(fā)插件將所述資源地址按照預(yù)設(shè)規(guī)則寫入所述目標(biāo)頁面后進(jìn)行發(fā)布部署，以使所述目標(biāo)頁面在被加載時(shí)能夠自動(dòng)對所述資源地址中的所述目標(biāo)資源進(jìn)行預(yù)取。

第二方面，本公開還提供一種頁面資源預(yù)取裝置，所述裝置包括：獲取模塊，用于在進(jìn)行頁面發(fā)布部署之前，通過所述預(yù)設(shè)開發(fā)插件獲取待部署頁面的頁面信息，所述待部署頁面為一個(gè)或多個(gè)；第一確定模塊，用于根據(jù)所述待部署頁面的頁面信息確定需要進(jìn)行資源預(yù)取的目標(biāo)頁面，需要進(jìn)行預(yù)取的資源為所述目標(biāo)頁面對應(yīng)的下一頁面中所包括的資源；第二確定模塊，用于在所述目標(biāo)頁面對應(yīng)的下一頁面所包括的資源列表中確定需要進(jìn)行所述資源預(yù)取的目標(biāo)資源；自動(dòng)寫入模塊，用于確定所述目標(biāo)資源的資源地址，并通過所述預(yù)設(shè)開發(fā)插件將所述資源地址按照預(yù)設(shè)規(guī)則寫入所述目標(biāo)頁面后進(jìn)行發(fā)布部署，以使所述目標(biāo)頁面在被加載時(shí)能夠自動(dòng)對所述資源地址中的所述目標(biāo)資源進(jìn)行預(yù)取。

第三方面，本公開還提供一種計(jì)算機(jī)可讀介質(zhì)，其上存儲(chǔ)有計(jì)算機(jī)程序，該程序被處理裝置執(zhí)行時(shí)實(shí)現(xiàn)第一方面中所述方法的步驟。

第四方面，本公開還提供一種電子設(shè)備，包括：存儲(chǔ)裝置，其上存儲(chǔ)有計(jì)算機(jī)程序；處理裝置，用于執(zhí)行所述存儲(chǔ)裝置中的所述計(jì)算機(jī)程序，以實(shí)現(xiàn)第一方面中所述方法的步驟。

通過上述技術(shù)方案，在頁面發(fā)布部署之前，能夠通過預(yù)設(shè)開發(fā)插件自動(dòng)確定待部署頁面對應(yīng)的下一頁中需要進(jìn)行數(shù)據(jù)預(yù)取的資源，并通過該預(yù)設(shè)開發(fā)插件將這些資源自動(dòng)寫入該待部署頁面中，使得該待部署頁面被加載時(shí)，能自動(dòng)進(jìn)行下一頁的資源預(yù)取，這樣，即使html頁面資源內(nèi)容經(jīng)常更新，也無需開發(fā)人員來手動(dòng)對頁面資源預(yù)取的功能進(jìn)行維護(hù)，不僅提高了開發(fā)人員對頁面的開發(fā)效率，而且同時(shí)也能提高用戶的頁面體驗(yàn)。

本公開的其他特征和優(yōu)點(diǎn)將在隨后的具體實(shí)施方式部分予以詳細(xì)說明。

附圖說明