[發明專利]頁面加載方法、裝置、設備及其存儲介質

在審

• 申請號: 201811587321.0
• 申請日: 2018-12-24
• 公開（公告）號: CN111352665A
• 公開（公告）日: 2020-06-30
• 發明（設計）人: 蔡進國;黃巧麗;譚紫君;王玉琴;陳蕾;金晶;陳秋麗
• 申請（專利權）人: 順豐科技有限公司
• 主分類號: G06F9/445
• 分類號: G06F9/445;G06F16/957
• 代理公司: 北京志霖恒遠知識產權代理事務所(普通合伙) 11435
• 代理人: 郭棟梁

本申請公開了頁面加載方法、裝置、設備及其存儲介質。該方法包括：接收用于啟動待加載頁面的觸發事件，該待加載頁面包括預先寫入的標志圖像的可縮放矢量圖，該可縮放矢量圖包括至少一個元素部件；響應于觸發事件，按照元素部件的布局位置加載元素部件的屬性數據，使得在待加載頁面被加載的過程中可縮放矢量圖呈現動態變化。根據本申請實施例的技術方案，通過控制可縮放矢量圖的屬性數據變換，可以減少靜態圖像的體積，節省了頁面加載資源的時間，從而減少用戶等待的時間，提升了頁面加載的性能，并優化了用戶體驗度。

技術領域

本申請一般涉及計算機技術領域，具體涉及軟件應用技術領域，尤其涉及頁面加載方法、裝置、設備及其存儲介質。

背景技術

目前，用戶在各種電子設備上啟動應用程序時或者使用網頁瀏覽器進入某主頁時，由于不同的網絡環境導致啟動過程所需時間可能較長，或者啟動頁面單一等現象。

例如采用圖像互換格式GIF(Graphics Interchange Format)獲取圖像，將GIF圖像嵌入啟動頁面，GIF圖像需要其他設計者提供，以致讀取GIF圖像資源所需時間過長，使得啟動頁面加載時間延長；又或者，采用層疊樣式表CSS(Cascading Style Sheet)獲取圖像，將CSS圖像嵌入啟動頁面，但是CSS圖像不能實現復雜圖形，導致用戶的體驗度不高，還有一些圖像嵌入啟動頁面，其代碼量和工作量，導致時間成本和人力成本過高。這些啟動頁面在加載過程中，除了上述問題以外，還存在加載對象不明確的問題。

發明內容

鑒于現有技術中的上述缺陷或不足，期望提供一種頁面加載方法、裝置、設備及其存儲介質，來提升頁面加載的性能，優化用戶的體驗。

第一方面，本申請實施例提供了一種頁面加載方法，該方法包括：

接收用于啟動待加載頁面的觸發事件，該待加載頁面包括預先寫入的標志圖像的可縮放矢量圖，該可縮放矢量圖包括至少一個元素部件；

響應于觸發事件，按照元素部件的布局位置加載元素部件的屬性數據，使得在待加載頁面被加載的過程中可縮放矢量圖呈現動態變化。

第二方面，本申請實施例提供了一種頁面加載裝置，該裝置包括：

接收單元，用于接收用于啟動待加載頁面的觸發事件，該待加載頁面包括預先寫入的標志圖像的可縮放矢量圖，該可縮放矢量圖包括至少一個元素部件；

動態加載單元，用于響應于觸發事件，按照元素部件的布局位置加載元素部件的屬性數據，使得在待加載頁面被加載的過程中可縮放矢量圖呈現動態變化。

第三方面，本申請實施例提供了一種計算機設備，包括存儲器、處理器以及存儲在存儲器上并可在處理器上運行的計算機程序，該處理器執行該程序時實現如本申請實施例描述的方法。

第四方面，本申請實施例提供了一種計算機可讀存儲介質，其上存儲有計算機程序，該計算機程序用于：

該計算機程序被處理器執行時實現如本申請實施例描述的方法。

本申請實施例提出頁面加載方法、裝置、設備以及存儲介質。該該方法在接收到用于啟動待加載頁面的觸發事件時，響應于觸發事件加載頁面時按照可縮放矢量形式的標志圖像的元素部件的布局位置動態地顯示標志圖像的元素部件，以使得標志圖像呈現動態變化。

本申請實施例通過控制可縮放矢量圖的屬性數據的變換，例如可以通過層疊樣式表版本3控制可縮放矢量圖的色彩變換，從而減少靜態圖像的體積，節省了頁面加載資源的時間，進一步減少用戶等待的時間，提升了頁面加載的性能，并優化了用戶體驗度。

附圖說明

通過閱讀參照以下附圖所作的對非限制性實施例所作的詳細描述，本申請的其它特征、目的和優點將會變得更明顯：