ConvertFlow's website script and campaign scripts are lightweight, loaded asynchronously, and served through CloudFlare's global CDN, meaning by default it will not slow down your website contents load speed.

However, this doesn't mean that the campaign content you add to ConvertFlow, won't affect your website's load speed negatively.

Here are the main pitfalls to look for as your ConvertFlow implementation grows in size:

ConvertFlow's campaign builder lets you add as many images, Google fonts, video embeds, and custom code as you would like.

All of these assets are loaded into your website and can affect performance.

The common culprits are:

Each Google Font requires loading multiple files for each weight of each font (regular, italic, bold, etc). When there are too many Google Fonts used, this compounds and greatly slows down your website.

For optimal performance, it's ideal that 1-2 Google Fonts be used by all of your campaigns, to prevent font bloat on your website.

Also, if your website theme is loading in its own fonts, you can use the "Site font" font option and the ConvertFlow text can inherit the font styles your website theme has set for its HTML tags on your website (h1, h2, p, etc.), preventing any additional fonts from being loaded in.

ConvertFlow's image manager automatically resizes and compresses images. Then, the images are served through CloudFlare's CDN, where they are cached, converted into lighter-weight image formats, and served from the nearest edge location.

Nevertheless, using a large number of sizable images, served by ConvertFlow on a single page, will require more bandwidth from visitors and decrease your performance score.

Also, ConvertFlow's builder lets you swap image URLs with your own hosted image URLs, which won't be run through the same compression and performance optimizations that uploaded images go through.

Internet video is heavy, requires a lot of bandwidth, and slows pages down. In fact, as of 2021, 60% of all internet bandwidth is from video streaming.

So including video on your website will decrease performance. ConvertFlow lets you embed videos through its builder and also supports video backgrounds. However, make sure to use videos sparingly.

ConvertFlow makes it easy to add your own custom HTML, Javascript, and CSS. However, these assets aren't optimized by ConvertFlow, so you're responsible for making sure any custom code is performance optimized.

To ensure fast injection and presentation of campaigns on your website, ConvertFlow preloads the campaigns that are targeted to the current page, even if a popup is not triggered (upon exit intent, time delay, scroll, button click, etc).

As you launch campaigns on your website, it's possible to launch so many onto the same page and collectively they create a large enough footprint on the page that it slows down performance.

Here are the scenarios that can cause preloaded campaigns to "bloat" your page:

Whichever popup displays first will take priority over other popup campaigns targeted to the page of the same campaign type (overlay, hook, sticky bar), but won't prevent the other popup's assets from being preloaded onto your page.

So if you have 2 overlay popups targeted to your home page, one showing after 3 seconds and the other upon exit intent, if the visitor sees the 3-second popup first, the exit intent popup won't trigger but will still be preloaded onto the page.

Popup campaigns can have the trigger set to "Upon click only". The popup is then triggered upon clicking other ConvertFlow campaigns, or HTML on your site that has the campaign's click trigger class.

While popup campaigns opened by other ConvertFlow campaigns using the "Display a campaign" confirmation type are intelligently loaded in upon the button click, popup campaigns that are triggered by custom HTML on your site with the trigger class need to be launched to the respective page for it to trigger.

This means the campaign assets will be preloaded on the page before the custom HTML click-trigger.

To prevent click-triggered popups from bloating your website, make sure they are targeted only to the page where your custom HTML click-trigger is located.

Otherwise, they will be unnecessarily preloaded onto pages of your website where they won't display.

ConvertFlow lets you set up "area" placement snippets on your website, so you can easily target embedded campaigns to parts of your website content, without having to revisit the code to install an embed snippet each time you launch a campaign.

When you've targeted an embedded campaign to an area of your website, ConvertFlow preloads the campaign and displays it if the respective area snippet is found. If the area snippet doesn't exist on the page, or it is already populated by another embedded campaign, any embedded campaigns targeted to that area are still preloaded.

The solution to prevent lots of embedded campaigns, targeted to areas of your website, from unnecessarily preloading on pages where the area doesn't exist, is to add targeting conditions to the embedded campaign to make sure it loads only on the pages where the area is placed.

ConvertFlow makes it easy to see which campaigns are targeted to the current page using the admin widget. Use this to spot lots of actively targeted campaigns to a page, and inspect why they are targeted.

Then, use those insights to tighten the targeting of the campaigns, to make sure they don't unnecessarily preload onto pages where they won't be triggered.

If you've determined that an active campaign no longer needs to be preloaded, deactivate it by turning off the campaign from the launch page.

You can also archive the campaign to prevent its metadata from being loaded onto your site entirely if you don't plan to use the campaign again but would still like to reference its stats.