Nutter Tools
Nutter Tools

A free toolbox that runs in your browser. A tool for every job.

Your files never leave your device

Images

  • Convert images
  • Compress images
  • Resize images
  • Crop
  • Watermark

PDF & files

  • Merge PDFs
  • Split a PDF
  • Images to PDF
  • PDF to images
  • Remove photo location

Video & audio

  • Compress video
  • Convert video
  • Video to GIF
  • Convert audio
  • Trim audio

Everyday

  • QR codes
  • Passwords
  • Time zones
  • Unit converter
  • Word count
  • Webcam test

Developer

  • JSON formatter
  • Base64
  • Regex tester
  • Hashes
  • JWT decoder

Site

  • About
  • Contact
  • Settings
  • Privacy
  • Terms
  • Site map
  • llms.txt

Everyday

  • Images
  • Video
  • Audio
  • PDF & files
  • Text
  • QR codes
  • Units & math
  • Time & dates
  • Color
  • Passwords & IDs
  • Device tests
  • Sun & moon

For developers

  • JSON
  • Encoding
  • Regex & cron
  • Web & auth
  • Hashing & encryption
  • Config files
  • Network
  • Browser
  • AI
  • Fake data
© Nutter Toolsnutter.tools
  1. Home
  2. Browser
  3. CLS layout shift debugger
Your files stay on your device

CLS layout shift debugger

Paste layout-shift entries recorded on your own page and see CLS per session window, the named shifted elements, and likely causes such as unsized media and late fonts.

This tool is in beta

Still being tested. If a result looks wrong, tell us.

Report a problem

Record shifts with the snippet or open a saved DevTools trace, then press Analyse shifts.

Each shift's score is the browser's own impact fraction times distance fraction, so the numbers here are the numbers Chrome recorded, not a re-computation. Session windows follow the Layout Instability spec: a shift joins the running window when it starts less than 1 s after the previous shift and less than 5 s after the window's first shift, and CLS is the largest window sum. Shifts within 500 ms of a click or keypress are excluded, as the metric excludes them. What this tool does not do: it does not watch a live page, it does not see your real visitors' field data, and its likely causes are heuristics over selectors and rect deltas, good for suspect lists, silent on anything a selector cannot say, such as whether an image really lacked width and height.

CLS Layout Shift Debugger

Run the snippet in your browser console on your own page, let the page load and settle, then run __clsDump(). It prints the captured JSON to the console; copy it and paste it here. It makes no network requests.

Paste the dump, or drop a DevTools trace file here

Inputs run up to 20 MB of file, 200,000 records, and about 2 million characters of paste. The named shift list stops at 200 entries. Everything is analysed in this tab; nothing is uploaded.

Runs on this device. Nothing is uploaded.

More browser tools

  • INP interaction profiler
  • Capability dashboard
  • Deep probes
All browser tools

Was this tool useful?