Events

Palette's events plugin captures the timestamps of user interactions and other events. Events are like a trail of breadcrumbs that lead to an unresponsive experience. They help diagnoise the root cause of a performance issue.

Usage

Browser

import { init, events } from "@palette.dev/browser";

init({
  // ...
  plugins: [events()],
});

Electron Main

import { init, events } from "@palette.dev/electron/main";

init({
  // ...
  plugins: [events()],
});

Electron Renderer

import { init, events } from "@palette.dev/electron/renderer";

init({
  // ...
  plugins: [events()],
});

Collected Events

• Click Events - click event timestamps and query selector paths are captured.
• Keypress Events - keypress event timestamps and query selector paths are captured.
• Scroll Events - wheel events are debounced to capture scroll start and end timings.
• Mousemove Events - mousemove events are debounced to capture mousemove start and end timings.
• DOMContentLoaded Events
• load Events

Electron Only:

• BrowserWindow move, show, and hide Timestamps

Palette does not collect privacy-centric data like textarea or keypress values. see the privacy docs for more details.