[發明專利]一種確定解碼任務的方法和裝置

有效

• 申請號: 201610421035.1
• 申請日: 2016-06-14
• 公開（公告）號: CN107506176B
• 公開（公告）日: 2019-07-12
• 發明（設計）人: 黃澤鋒
• 申請（專利權）人: 華為技術有限公司
• 主分類號: G06F9/4401
• 分類號: G06F9/4401
• 代理公司: 北京龍雙利達知識產權代理有限公司 11329
• 代理人: 毛威;肖鸝

本發明提供一種確定解碼任務的方法和裝置，該方法包括：獲取待渲染頁面中的待加載內容；獲取該待加載內容的解碼耗時；根據該待加載內容的解碼耗時，確定目標解碼任務隊列，該目標解碼任務隊列中包括的解碼任務的解碼耗時之和小于閾值；執行該目標解碼任務隊列中包括的解碼任務。因此，本發明能夠使得整個渲染流程的耗時在預期范圍內，例如16ms內，從而能夠有效提高頁面渲染的流暢性，提高用戶體驗。

技術領域

本發明涉及頁面渲染技術領域，并且更具體地，涉及一種確定解碼任務的方法和裝置。

背景技術

隨著通信技術的發展，用戶越來越多的使用客戶端中的網絡應用程序(Web App)或瀏覽器進行頁面瀏覽等操作。頁面瀏覽的重要性能之一為頁面的渲染速度，渲染速度越快，則頁面顯示的越快，用戶瀏覽頁面感覺越流暢。頁面瀏覽用戶體驗以其流暢性為重要衡量指標，流暢性的關鍵因素便是幀率的大小，理想幀率是達到60幀/秒，即1秒內完成60幀的渲染，也就是說，一幀的整個渲染流程的耗時需要保持在16ms之內。

以瀏覽器為例，瀏覽器將用戶選擇的網絡資源通過網頁的形式呈現出來，通常稱這個過程為頁面渲染流程。渲染流程主要包括以下幾方面：用戶輸入網址，瀏覽器向服務器發出請求，服務器端把超級文本標記語言(HyperText Markup Language，HTML)和層疊樣式表(Cascading Style Sheet，CSS)傳給瀏覽器，瀏覽器通過解析HTML與CSS，生成文檔對象模型(Document Object Model，DOM)樹；然后根據Dom樹生成一個渲染樹(Render Tree)；根據Render Tree生成布局樹(Layer Tree)；再通過布局和繪圖把圖像繪到屏幕上。其中，圖像的解碼是生成圖像以及將圖像繪制到屏幕的前提。

對于一幀頁面圖像的渲染流程來說，影響整個渲染流程的耗時的關鍵因素是這一幀的解碼耗時。現有的渲染技術中，每次渲染流程的解碼任務的耗時不固定，使得整個渲染流程的耗時也不固定，且通常大于16ms，使得渲染流程的幀率很難達到60幀/秒，出現卡頓現象，用戶體驗較差。

發明內容

本發明提供一種確定解碼任務的方法和裝置，能夠控制渲染流程的解碼耗時在閾值內，從而控制整個渲染流程的耗時在預期范圍內，例如在16ms內，從而可以提高頁面渲染的流暢性，提高用戶體驗。

第一方面，提供了一種確定解碼任務的方法，該方法包括：

獲取待渲染頁面中的待加載內容；獲取所述待加載內容的解碼耗時；根據所述待加載內容的解碼耗時，確定目標解碼任務隊列，所述目標解碼任務隊列中包括的解碼任務的解碼耗時之和小于閾值；執行所述目標解碼任務隊列中包括的解碼任務。

應理解，解碼耗時針對的是各個解碼任務，而解碼任務是根據待加載內容生成的。

在本發明技術方案中，通過獲取待加載內容的解碼耗時，確定渲染流程的目標解碼任務隊列，所述目標解碼任務隊列中包括的解碼任務的解碼耗時之和小于閾值，從而能夠使得整個渲染流程的耗時也在預期范圍內，例如16ms內，能夠提高用戶體驗。因此，本發明技術方案能夠有效提高頁面渲染的流暢性，提高用戶體驗。

在上述實現方式中，具體地，可以通過計算手段計算得到所述待加載內容的解碼耗時；也可以通過查表等方法直接獲取所述待加載內容的解碼耗時。

結合第一方面，在第一方面的第一種可能的實現方式中，所述獲取所述待加載內容的解碼耗時，包括：基于所述待加載內容的屬性，獲取所述待加載內容的解碼耗時，所述待加載內容的屬性包括下列屬性中的至少一項：所述待加載內容對應的解碼區域的大小和像素值。

結合第一方面的第一種可能的實現方式，在第一方面的第二種可能的實現方式中，所述基于所述待加載內容的屬性，獲取所述待加載內容的解碼耗時，包括：基于所述待加載內容的屬性，以及所述屬性與解碼耗時之間的對應關系，獲取所述待加載內容的解碼耗時。