[發明專利]一種網頁渲染方法及系統

有效

• 申請號: 201410036574.4
• 申請日: 2014-01-24
• 公開（公告）號: CN104809123B
• 公開（公告）日: 2019-03-26
• 發明（設計）人: 劉陽;關翔;徐鳴
• 申請（專利權）人: 北京獵豹移動科技有限公司
• 主分類號: G06F9/451
• 分類號: G06F9/451
• 代理公司: 北京柏杉松知識產權代理事務所(普通合伙) 11413
• 代理人: 項京;馬敬

本發明公開了一種網頁渲染方法及系統。一種網頁渲染方法包括：獲取待渲染的目標元素集合；其中，所述目標元素集合中包含至少一個目標元素；確定每個目標元素所屬的元素層；分別對各個元素層的目標元素進行獨立渲染；對渲染之后的目標元素進行合成，得到渲染后的網頁。一種網頁渲染系統包括：元素集合獲取單元、元素層確定單元、渲染單元和合成單元。本發明中，如果網頁上有元素發生變化，只需對該元素所在的元素層進行重新渲染，其余各元素層的元素可以保持不變，提高了渲染的效率。

技術領域

本發明涉及互聯網應用技術，特別涉及一種網頁渲染方法及系統。

背景技術

隨著科學技術的發展，計算機和移動終端的軟件技術和硬件技術都有了長足的進步。由于互聯網技術的廣泛應用，人們可以在足不出戶的情況下從網絡上得到大量的信息，不但為人們的工作和學習提供了幫助，也豐富了人們的日常生活。

如今，人們從網絡上獲取信息大部分通過瀏覽器進行。瀏覽器向用戶展現網頁一般包括三個步驟：首先需要根據請求的URL（Uniform Resource Locator，統一資源定位符）進行域名解析，向服務器發起請求，接收文件；然后對文件中的資源進行語法解析，建立相應的內部數據結構；最后通過渲染，將請求返回的頁面資源基于一定的規則完成頁面布局及繪制，將網頁的內容展現給用戶。網頁渲染作為瀏覽器完成網頁加載的其中一個重要步驟，如果渲染的效率低，會造成網頁加載速度慢，影響用戶瀏覽網頁。

如今網頁的布局越來越復雜，一個頁面上往往包含了大量的信息，除了文字信息之外，還可能包含有圖片、視頻和其他多媒體信息。目前的網頁渲染技術都是通過CPU（Central Processing Unit，中央處理器）把網頁上包含的所有元素在一塊內存中進行渲染，然后將經過渲染之后的內容整體以圖片的形式發布到顯示屏上。對于包含內容較多的網頁來說，一旦網頁上有元素發生變化，需要將網頁上包含的所有內容重新進行渲染和發布，效率較低，也會對頁面顯示速度產生影響。

發明內容

為了解決上述問題，本發明實施例提供了一種一種網頁渲染方法及系統，以提高網頁渲染效率，技術方案如下：

獲取待渲染的目標元素集合；其中，所述目標元素集合中包含至少一個目標元素；

確定每個目標元素所屬的元素層；

分別對各個元素層的目標元素進行獨立渲染；

對渲染之后的目標元素進行合成，得到渲染后的網頁。

較佳的，在確定每個目標元素所屬的元素層后，所述方法還包括：分別將不同元素層的目標元素存儲在操作系統中不同的內部存儲區域。

所述分別對各個元素層的目標元素進行獨立渲染，包括：將不同的元素層的目標元素繪制到所述目標元素繪所在的內部存儲區域上。

較佳的，該方法進一步包括：對所述渲染后的網頁進行監測，如果發現所述渲染后的網頁中的元素發生變化，則確定發生變化的元素所屬的元素層，并且對該元素層的目標元素進行重新渲染，將重新渲染的目標元素與其他未重新渲染的目標元素進行合成，得到更新渲染后的網頁。

所述不同的元素層按照元素的變化頻率進行劃分。

本發明實施例還提供了一種網頁渲染系統，包括：元素集合獲取單元、元素層確定單元、渲染單元和合成單元；其中，

所述元素集合獲取單元用于獲取待渲染的目標元素集合；其中，所述目標元素集合中包含至少一個目標元素；

所述元素層確定單元用于確定每個目標元素所屬的元素層；

所述渲染單元用于分別對各個元素層的目標元素進行獨立渲染；

所述合成單元用于對渲染之后的目標元素進行合成，得到渲染后的網頁。