Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

clarity.js by Microsoft slowing overall page loads

I have a customer using bing tracking via https://bat.bing.com/bat.js.

On December, 6th 2021 it started calling in clarity.js without the customer making any changes to their code.

This slowed the overall page load by 1 second on mobile and 500ms on desktop. I've been trying to figure out how to disable this JS but I'm not sure what to do as it's being fired from the bing tracking js.

The bing tracking code is being triggered via google tag manager.

Anyone else having this issue and know how to disable clarity.js from being called at all?

enter image description here

Customer is using Wordpress. Amazing Bing can implement code that slows down a site overall page speed without any notification to the customer.

like image 733
Jacob Avatar asked Dec 08 '21 20:12

Jacob


People also ask

Does Microsoft clarity slow down your site?

The Clarity team takes website performance seriously; in fact, vs our competitors, we have the least effect on a webpage load time. This is because Clarity's code is asynchronous and therefore designed to have a very low impact on page load time.

Is Microsoft clarity safe?

Yes, Microsoft Clarity is completely safe as it is GDPR compliant.

Does Microsoft clarity use cookies?

Clarity's normal functioning requires that we set cookies on your visitor's browser. These cookies are placed by the setup script that you installed to run Clarity. When the script is installed, Clarity's cookies send us non-personally identifiable information about your users.

Does clarity JS slow down your website?

On December, 6th 2021 it started calling in clarity.js without the customer making any changes to their code. This slowed the overall page load by 1 second on mobile and 500ms on desktop. I've been trying to figure out how to disable this JS but I'm not sure what to do as it's being fired from the bing tracking js.

Why is my HTML page loading so slow?

By default, most modern Internet browsers pre-fetch images when loading an HTML page. This can cause the page to be unnecessarily slow to load if the images are not visible on the screen until the user scrolls down.

How do I disable Microsoft clarity on my website?

To disable it, follow these steps: In the top bar go to Tools, then under Conversion tracking click on UET tag In the table at the bottom of the page click on the name of your tag. Under Enable Microsoft Clarity disable the checkbox and click the Save button. This should directly remove the script from your website.

Why does clarity take so long to load?

This is because Clarity’s code is asynchronous and therefore designed to have a very low impact on page load time. Synchronous code – This is where tasks are performed one at a time and you need to wait for a task to finish before the next one can begin.


3 Answers

This seems to be added mid-November 2021. Problematic for sure, as it broke our website in certain situations. To disable it, follow these steps:

  1. Go to ui.ads.microsoft.com
  2. In the top bar go to Tools, then under Conversion tracking click on UET tag
  3. In the table at the bottom of the page click on the name of your tag.
  4. Under Enable Microsoft Clarity disable the checkbox and click the Save button.

This should directly remove the script from your website.

like image 180
Daniël Avatar answered Oct 16 '22 15:10

Daniël


I've found the way to turn off Clarity. In Microsoft Advertising, the UET tag has to be re-configured. A checkbox appeared in the UET wizard that allows you to turn off Clarity.

like image 31
TeTe Avatar answered Oct 16 '22 16:10

TeTe


We figured this out by going into our bing web tools and disabling the Clarity integration.

like image 1
Jacob Avatar answered Oct 16 '22 15:10

Jacob