[發明專利]頁面展示方法、裝置和客戶端設備

有效

• 申請號: 201610343577.1
• 申請日: 2016-05-22
• 公開（公告）號: CN107402938B
• 公開（公告）日: 2021-07-13
• 發明（設計）人: 陳汝龍;陳浩
• 申請（專利權）人: 阿里巴巴（中國）有限公司
• 主分類號: G06F16/958
• 分類號: G06F16/958;G06F16/957
• 代理公司: 北京展翼知識產權代理事務所(特殊普通合伙) 11452
• 代理人: 張陽

本發明公開了一種頁面展示方法、裝置和相應的客戶端設備。所述頁面展示方法包括：發送頁面加載請求；響應于發送所述頁面加載請求，尋找所述頁面的關鍵資源的相關加載信息，所述關鍵資源是指會阻礙所述頁面的展示的資源；在找到所述相關加載信息的情況下，使用所述相關加載信息加載所述頁面的關鍵資源；接收根據所述頁面加載請求返回的所述頁面的頁面數據；以及基于對所述關鍵資源的加載結果，解析所述頁面數據。通過獨立于頁面解析對會導致阻塞的關鍵資源進行預先加載，就能夠從根本上解決頁面阻塞問題，加速頁面展示并由此提升用戶瀏覽體驗。

技術領域

本申請涉及頁面展示，尤其涉及一種頁面展示方法、裝置和客戶端設備。

背景技術

隨著網絡技術和各類客戶端的日益普及，人們越來越依賴于通過瀏覽網頁來獲取信息，因此盡可能快速地展現頁面以方便用戶瀏覽，成為了各大廠商所共同追求的目標。

影響頁面展現速度的因素多種多樣，但就頁面本身而言，在頁面解析過程中，一些關鍵資源會阻塞頁面的解析。對于現今使用HTML語言(例如，HTML5)編寫的網頁，需要使用層疊樣式表(CSS)和JavaScript(JS)來對網頁的顯示特性進行控制，但CSS和JS具有阻塞頁面解析的特性。例如，頁面解析過程需要等到JS腳本從網絡上加載并解析執行完畢之后才能恢復。這類阻塞會在很大程度上影響網頁的顯示性能。

對于這類情況，大多數瀏覽器的解決方案是在等待JS或CSS加載的過程中預掃描頁面剩下部分的子資源來進行預加載。這能夠在一定程度上加快頁面的展示。但是，該方案沒有從根本上解決問題，因為JS和CSS仍然會阻塞頁面的解析。換句話說，頁面解析的恢復仍然需要等待上述關鍵資源的加載完成。

由此，為了從根本上解決上述問題，需要一種頁面展示方法、裝置及相應的客戶端設備。

發明內容

為了解決上述至少一個問題，本發明提供了一種頁面展示方法、裝置及相應的客戶端設備，其通過對會阻礙頁面展示的關鍵資源本身的預加載來實現頁面的快速展現。

根據本發明的一個方面，提供了一種頁面展示方法，包括：發送頁面加載請求；響應于發送所述頁面加載請求，尋找所述頁面的關鍵資源的相關加載信息，所述關鍵資源是指會阻礙所述頁面的展示的資源；在找到所述相關加載信息的情況下，使用所述相關加載信息加載所述頁面的關鍵資源；接收根據所述頁面加載請求返回的所述頁面的頁面數據；以及基于對所述關鍵資源的加載結果，解析所述頁面數據。

由此，通過預先存儲與會阻塞頁面解析的關鍵資源相關的加載信息，就能夠在請求加載頁面的同時立即根據這些相關信息嘗試對關鍵資源的預先加載。這樣，在接收到頁面數據并開始解析時，那些本會阻塞解析的關鍵資源很可能已經加載完畢(或者至少已經在加載過程中)，由此從根本上解決由關鍵資源阻塞頁面解析而導致的頁面展示減慢問題。

優選地，尋找所述頁面的關鍵資源的相關加載信息包括：在本地存儲器中尋找所述相關加載信息；和/或通過網絡尋找所述相關加載信息。

這樣，就能夠根據實際情況合理選擇相關信息的獲取方式，從而進一步促進頁面的快速展示。

優選地，在解析所述頁面數據的過程中，收集與加載所述頁面的關鍵資源相關的相關加載信息，并在所述本地存儲器中和/或網絡上存儲或更新所述相關加載信息。

這樣，就能夠及時獲知或是更新相關加載信息，從而優化對關鍵資源的準確預載，由此進一步促進頁面的快速展示。

優選地，所述頁面的相關加載信息與所述頁面的URL關聯存儲，并且包括所述關鍵資源的URL和類型。

這樣，就能夠實現關鍵資源的快速識別和加載，以促進頁面的順暢解析與快速展示。

優選地，所述關鍵資源的相關加載信息還包括所述關鍵資源的優先級、資源命中率和置信度中的至少一項。