This article covers common questions about Contentsquare and your site's performance.
How does the Contentsquare tag affect page load?
We take all the necessary steps to ensure the fast deliverability of our service on your sites with as little impact as possible. Here's how:
-
The tag is loaded asynchronously.
The Contentsquare tag does not stop your site from loading its assets because it is loaded asynchronously.
-
We use a Content Distribution Network (CDN) to serve the Contentsquare tag.
A system of servers positioned around the world serves the Contentsquare tag rather than from a single location. Using a CDN allows the Contentsquare tag to be loaded faster by your users while offering much better availability.
-
The tag makes proper use of browser caching.
Although the tag loads asynchronously, it is still important to load and run the tag as fast as possible when tracking users. We do this by making the best use of the browser cache and loading two separate files which are reloaded by browsers at different intervals or when changed.
Could the Contentsquare tag affect my site's performance?
Since every piece of JavaScript code added can affect your site somehow, we cannot guarantee that your site will not be affected in any way. However, the Contentsquare tag is designed to have minimal impact on your site performance.
At regular short intervals, every 100ms or ten times per second, the cursor position and scroll position are captured. Clicks are captured when they happen, with the cursor's position relative to the clicked element. These functions do not affect a user's experience as they only capture the location of the pointer when a click happens or every 100ms. The events are sent to the Contentsquare's servers through frames within a WebSocket. This method is more efficient than sending XHR requests at regular intervals.
Options to improve SEO and reduce potential impact on site speed
One way you can reduce any potential impact the Contentsquare tag has on your SEO score and site speed is by delaying when the tag loads. You can do this by using Google Tag Manager's timer function or by loading the tag only when the user has interacted with the page, such as by clicking or scrolling.
Another option is to load the tag after the "DOM Interactive" event on your website has occurred. This method ensures that the bulk of a page's JavaScript needed for critical assets will be complete, and Contentsquare can cache the content it can see without impacting site performance.