【技術實現(xiàn)步驟摘要】
本專利技術涉及計算機，具體涉及一種獲取網頁頁面用戶感知時長的方法、裝置及相關設備。
技術介紹
1、現(xiàn)有技術中，當需要了解網頁頁面的性能時，通常會使用瀏覽器內置的性能指標來統(tǒng)計，比如首次繪制(first?paint，簡稱fp)時間、首次內容繪制(first?content?paint，簡稱fcp)時間等，這些指標呈現(xiàn)出的統(tǒng)計時間往往不是用戶所關注的時間，傳統(tǒng)指標更側重于反映網頁頁面的某塊文案、圖片等內容的加載時間，但是無法反映用戶關注內容區(qū)域的加載時間。且上述性能指標，如果需要獲取用戶關注內容的加載時間，目前一般是進行埋點統(tǒng)計，在特定的項目網頁頁面的特定邏輯中進行編碼，但是該方法會對當前項目代碼有入侵性，且不具備通用性，增加了代碼開發(fā)復雜度和維護成本。
技術實現(xiàn)思路
1、本專利技術提供一種獲取網頁頁面用戶感知時長的方法、裝置及相關設備，用以解決傳統(tǒng)方案中網頁性能指標無法反映用戶關注的內容區(qū)域加載時間，且埋點統(tǒng)計用戶關注內容區(qū)域加載時間時帶來的入侵性、不具備通用性的問題。
2、為了解決上述技術問題，第一方面，本專利技術提供一種獲取網頁頁面用戶感知時長的方法，該方法包括：
3、獲取網頁頁面的路由發(fā)生變化的開始時間戳；
4、確定網頁頁面中的新增元素，根據(jù)各所述新增元素完成加載的第一時間戳，獲取各所述新增元素的父級元素完成加載的第二時間戳；
5、計算各所述父級元素在網頁頁面中的所占區(qū)域，以所占區(qū)域的面積最大的所述父級元素的第二時間戳減去所述開始
6、可選地，所述根據(jù)各所述新增元素完成加載的第一時間戳，獲取各所述新增元素的父級元素完成加載的第二時間戳，包括：
7、將所述新增元素的html文件路徑與預存的網頁頁面中所有元素的html文件路徑進行匹配，確定各所述新增元素的父級元素；
8、將所述新增元素完成加載的第一時間戳作為其父級元素完成加載的第二時間戳。
9、可選地，所述將所述新增元素完成加載的第一時間戳作為其父級元素完成加載的第二時間戳，包括：
10、若存在互為同層兄弟元素的多個所述新增元素，則進行html文件路徑匹配時，多個所述新增元素中首個加載的新增元素的所述第一時間戳作為其父級元素的所述第二時間戳。
11、可選地，所述方法還包括：
12、獲取網頁頁面html結構完成加載的第三時間戳；
13、以各所述新增元素的第一時間戳減去所述第三時間戳所得的差值，作為各所述新增元素的加載耗時。
14、可選地，所述確定網頁頁面中的新增元素，包括：
15、獲取網頁頁面全部的新增元素；
16、對所述新增元素中滿足以下的任一條件的進行剔除，包括，
17、不顯示在網頁頁面上；
18、不是dom元素；
19、不在網頁頁面中的最大區(qū)域內。
20、可選地，所述獲取網頁頁面的路由發(fā)生變化的開始時間戳，包括：
21、若所述網頁頁面屬于vue開發(fā)框架或react開發(fā)框架，則按照預設時間間隔對網頁頁面的路由是否存在變化進行輪詢比較；
22、當當前網頁頁面的路由與上一次的網頁頁面的路由不一致時，則將當前路由發(fā)生變化時的開始時間戳減去所述預設間隔所得的差值，作為所述開始時間戳。
23、可選地，所述將所述新增元素的html文件路徑與預存的網頁頁面中所有元素的html文件路徑進行匹配，確定各所述新增元素的父級元素，包括：
24、遍歷網頁頁面中的所有元素，構建包含各所述元素的html文件路徑信息的鍵值對集合；所述鍵值對中，鍵為各所述元素的html文件路徑，值為0；
25、將所述新增元素的html文件路徑與所述鍵值對集合進行匹配，確定該新增元素的父級元素，并將匹配上的鍵值對的值加1。
26、第二方面，本專利技術提供一種獲取網頁用戶感知時長的裝置，包括監(jiān)聽模塊、確定模塊和計算模塊；
27、所述監(jiān)聽模塊用于獲取網頁頁面的路由發(fā)生變化的開始時間戳；
28、所述確定模塊用于確定網頁頁面中的新增元素，根據(jù)各所述新增元素完成加載的第一時間戳，獲取各所述新增元素的父級元素完成加載的第二時間戳；
29、所述計算模塊用于計算各所述父級元素在網頁頁面中的所占區(qū)域，以所占區(qū)域的面積最大的所述父級元素的第二時間戳減去所述開始時間戳所得的差值，作為用戶感知時長。
30、第三方面，本專利技術提供一種獲取網頁用戶感知時長的設備，包括存儲器和處理器，其中：
31、所述存儲器用于存儲計算機程序；
32、所述處理器用于讀取所述存儲器中的程序并執(zhí)行如上述第一方面提供的一種獲取網頁頁面用戶感知時長的方法的步驟。
33、第四方面，本專利技術提供一種計算機可讀存儲介質，其上存儲有可讀的計算機程序，該程序被處理器執(zhí)行時實現(xiàn)如上述第一方面提供的一種獲取網頁頁面用戶感知時長的方法的步驟。
34、與現(xiàn)有技術相比，本專利技術提供的一種獲取網頁頁面用戶感知時長的方法、裝置及相關設備，具有以下有益效果：
35、在需要獲取用戶感知時長時，先獲取網頁頁面的路由發(fā)生變化時的開始時間戳；然后確定網頁頁面中的新增元素，根據(jù)每個新增元素完成加載的第一時間戳，得到各新增元素對應的父級元素的第二時間戳；最后將面積最大的父級元素的第二時間戳，減去開始時間戳，得到的差值作為用戶感知時長。本專利技術將用戶進入網頁頁面的時間作為開始時間，網頁頁面中區(qū)域面積最大的元素渲染完成的時間作為結束時間，這之間的時長定義為用戶感知時長，以反映用戶所關注內容區(qū)域的加載時長；該自定義用戶感知時長，更側重于用戶層面，可以更清楚反映用戶體驗，使網頁性能參考指標更合理，且，該用戶感知時長可在網站訪問時自動獲取計算，無需進行埋點統(tǒng)計，對當前項目代碼沒有入侵性，且具備通用性，減少了代碼開發(fā)工作量和維護成本。
本文檔來自技高網...【技術保護點】
1.一種獲取網頁頁面用戶感知時長的方法，其特征在于，包括：
2.根據(jù)權利要求1所述的獲取網頁頁面用戶感知時長的方法，其特征在于，所述根據(jù)各所述新增元素完成加載的第一時間戳，獲取各所述新增元素的父級元素完成加載的第二時間戳，包括：
3.根據(jù)權利要求2所述的獲取網頁頁面用戶感知時長的方法，其特征在于，所述將所述新增元素完成加載的第一時間戳作為其父級元素完成加載的第二時間戳，包括：
4.根據(jù)權利要求1所述的獲取網頁頁面用戶感知時長的方法，其特征在于，所述方法還包括：
5.根據(jù)權利要求1所述的獲取網頁頁面用戶感知時長的方法，其特征在于，所述確定網頁頁面中的新增元素，包括：
6.根據(jù)權利要求1所述的獲取網頁頁面用戶感知時長的方法，其特征在于，所述獲取網頁頁面的路由發(fā)生變化的開始時間戳，包括：
7.根據(jù)權利要求2所述的獲取網頁頁面用戶感知時長的方法，其特征在于，所述將所述新增元素的HTML文件路徑與預存的網頁頁面中所有元素的HTML文件路徑進行匹配，確定各所述新增元素的父級元素，包括：
8.一種獲取網頁用戶感
9.一種獲取網頁用戶感知時長的設備，其特征在于，包括存儲器和處理器，其中：
10.一種計算機可讀存儲介質，其特征在于，其上存儲有可讀的計算機程序，該程序被處理器執(zhí)行時實現(xiàn)如權利要求1～7任一所述的獲取網頁頁面用戶感知時長的方法的步驟。
...【技術特征摘要】
1.一種獲取網頁頁面用戶感知時長的方法，其特征在于，包括：
2.根據(jù)權利要求1所述的獲取網頁頁面用戶感知時長的方法，其特征在于，所述根據(jù)各所述新增元素完成加載的第一時間戳，獲取各所述新增元素的父級元素完成加載的第二時間戳，包括：
3.根據(jù)權利要求2所述的獲取網頁頁面用戶感知時長的方法，其特征在于，所述將所述新增元素完成加載的第一時間戳作為其父級元素完成加載的第二時間戳，包括：
4.根據(jù)權利要求1所述的獲取網頁頁面用戶感知時長的方法，其特征在于，所述方法還包括：
5.根據(jù)權利要求1所述的獲取網頁頁面用戶感知時長的方法，其特征在于，所述確定網頁頁面中的新增元素，包括：
6.根據(jù)權利要求1所述的獲...
【專利技術屬性】
技術研發(fā)人員：林淼慶，孫文龍，符仕志，
申請(專利權)人：深圳市跨越速運有限公司，
類型：發(fā)明
國別省市：
還沒有人留言評論。發(fā)表了對其他瀏覽者有用的留言會獲得科技券。