All geek questions in one place

How does HotJar generate its records?

Tracking mouse / scroll / click events is easy, but how do they save the screen and sync it so well?

Pages display very well (at least for static HTML pages that have not been tested on Angular or in any SPA), synchronization is almost perfect.

To create and download a 23-foot recording of my screen (1920x1080), about 2 Mbps bandwidth is required. Maybe when recording only when there are some mouse events, on average, it will still take about 300-500 Kbps anyway? It seems too big ...

+4
source share
1 answer

HTML- DOM websocket Hotjar ( , , ), CSS ( , ).

DOM, , . , , Javascript, .

Hotjar:

  • , API MutationObserver, . , MutationObserver API , , websocket.
  • 100 10 , . , . , 100 . Hotjar -, XHR- .

: https://help.hotjar.com/hc/en-us/articles/115009335727-Will-Hotjar-Slow-Down-My-Site-

0

Source: https://habr.com/ru/post/1659188/

More articles:


All Articles