Site Performance

Be confident and help ensure Intelligems is having a minimal impact

We know that fast website convert better. Our job is helping you optimize your conversions and profits, so any impact on that would be simply unacceptable.

Intelligems is designed to have as minimal impact on site performance as possible while also providing the best customer experience. We leverage tools internally like pagespeed.web.dev (Lighthouse) and webpagetest.org to ensure our javascript is as efficient as possible.

At the same time, we do our best to create a great customer experience, like preventing "flashing" one experience to another.

Yet every website is designed differently, has different underlying tools, and different ways of loading. We have a wide range of configurations to help provide the best and fastest experience. This guide should help maximize them.

Debugging Performance Issues

Javascript Tag

The default javascript tag looks like this:

<script 
    type="module" 
    blocking="render" 
    fetchpriority="high" 
    src="https://cdn.intelligems.io/esm/abcdef123456/bundle.js" 
    async
></script>

• type="module" - This leverages a newer Javascript paradigm called ESM and natively provides speed benefits. This cannot be changed.

• blocking="render" - We include this to prevent flashing. However, for some very optimized sites, removing this parameter may improve LCP & FCP. You may choose to experiment with removing this property.

• fetchpriority="high" - This indicates to the browser to load Intelligems quickly so that our experiences are available as soon as the page is rendered.

• src="" - This is a reference to your customer-specific site. Make sure to copy from your settings page.

• async - This tells the browser to continue to render the page while Intelligems loads and is a best practice for high-performing sites. If you notice this is missing, please add it!

Types of tests

Different tests leverage different browser capabilities to execute and have different impacts on site speed.

• Javascript & CSS Injection - These tests are some of the most efficient. We leverage the browser capabilities and simply add <style> and <script> elements to the head of your page and let the browser do the rest.

• Onsite Edits - These tests rely on our javascript to find the appropriate elements on the page and update them. While this can be incredibly fast, for large sections of HTML or elements that require loading additional content (i.e. images) there may be other effects on page speed.

• Price Tests - Price tests are designed to be incredibly efficient, but there are many algorithms under-the-hood that are running to make this happen. You can read more about optimizing your pricing integration here and our team is happy to help.

We're here to help!

If you're noticing undesirable impacts on site speed because of Intelligems, there's certainly an opportunity for improvement. Reach out to us ([email protected]) with the subject line: "Site Performance Optimization" and we can help!