clarity
clarity copied to clipboard
microsoft
Only HTML Loading After Minifying CSS and JS
Hello! Clarity is showing the recordings Loading HTML only, after combining CSS files in a single one (For Performance reasons). However, the site is loading both of them fine, :D
Same issue for me. It started after updating to React 17. Before, the screenshots were mostly ok, although some rendering updates did not appear in the recordings. After React 17, the recordings only show the HTML and it is impossible to see what the user actually clicked on in the recordings.
I am facing the same issue too. Looks like the internal caching mechanism of Clarity is the culprit.
From their troubleshooting docs
We cache styles when you first view recordings or heatmaps. Once we receive your Stylesheet and fonts once, we cache them and use them in the future to display your site.
Clarity doesn't support resource versioning. This means that if the content of the same URL changes, any previously cached content will be used for rendering.
Most websites specially React/Nextjs websites, deliver their resources by chunk and versioning for performance reasons. Also, stylesheets are combined and compressed with a unique URL to avoid resource regeneration and then cached. And if there are any new changes, the resource is regenerated on the fly with a new unique filename to bypass previously cached resource URLs. Now, as far as I understood, Clarity takes a snapshot of the page when a heatmap/recording is first viewed and that's the final, and there is no way to update it. This makes many heatmap/recordings unusable as clarity tries to load old resource links where the site already has a new resource link.
Hope the team will notice this and take proper action.
wow, I'd thought this was a recent issue, but it seems that it is a policy...
I'm actively adding features and updates to my website, so all recordings are now quickly starting to look like a mess. What is the point in a tool that allows you to see where you can improve then? Users are discouraged from making such improvements by "permanent stylesheets".
MS Clarity supposed to be a driver of change, not other way around. Basically a party pooper for me, probably will have to switch to a more flexible tool :-(.
