Will Poptin slow my site?
Poptin does not slow down your website as when you are using Poptin we try our level best to make sure it doesn't impact the speed & performance of your website in any way.
Below are the measures we have taken to make sure Poptin doesn't impact the speed & performance.
Poptin Installation Script
Our installation code you add to your website is a very small one-line script we call installation code.
This one-line code initiates the pixel.js file which contains all your popups and forms and handles everything including triggering your popup to targeted visitors, rendering the embeddable forms, etc.
We’ve worked the pixel.js in such a way that only the popups that are currently active would load and not all the popups would load reducing the overall load times.
Asynchronous Loading
To make sure that Poptin doesn't slow down your website we implement multiple techniques such as asynchronous loading.
Asynchronous loading helps your website render faster. By employing async loading, we ensure that our script loads in a non-disruptive manner, avoiding any interruptions to your website's content loading process.
This approach guarantees that the loading of Poptins doesn't impede the overall loading speed of your website, allowing it to achieve optimal performance. 🚀
HTTP/2
With Poptin we load lots of small assets as well based on your Poptin's designs such as HTML, CSS, images, and fonts you use in your design as well as other popup/form elements previously this could have caused a slight delay as each component had an overhead while connecting to the server before downloading the element.
The good news is that we use an updated version of the HTTP protocol, named HTTP/2, which we use on our CDN (Content Delivery Network), we can reduce lead times by loading multiple connections together and getting rid of the overhead caused by creating a new connection for each of the asset.
CDN (Content Delivery Network)
Poptin uses CDN to deliver and display the Popups and Forms on your website. Through CDN a cached version of your Poptin's campaign's content is stored in multiple locations around the world to increase your page speed.
This means popups load faster on your website no matter where your visitors are from. In other words, if a visitor visits your website from France, Poptin will be loaded from a server from France and if a visitor is from US Poptin would load from a US server. This ensures faster load times.
Compression
All your assets and content in your Poptin campaigns are compressed with the industry standard "gzip" when loading Poptin's CDN to your visitor's sessions. Poptin also auto-compresses the images used in Poptin but making sure that the quality is not affected.
Fonts
To make sure you can use the fonts you love without having it impact the load times, we’ve started loading fonts from our server saving an additional call (connection request) to Google servers.
HTML, CSS & JS Minification Poptin strategically utilizes minified versions of CSS and JavaScript files, trimming unnecessary elements like spacing, indentation, newlines, and comments. This meticulous approach accelerates loading times, resulting in a more efficient and seamless user experience on your website or application.
A few important points to note in order to make sure your Poptin Campaigns are optimized.
Images: Make sure you use images that are less than 500 KB in size.
Fonts: Try not to use a lot of different fonts in your popup campaigns.
TL;DR
Our code loads asynchronously to your website, using CDN and a very compressed code.
Still not sure? You can install the script below right above the installation code, and it will make our code load after your WHOLE site is fully loaded:
<script> var poptinAfterPageLoad = true;</script>
Below are the measures we have taken to make sure Poptin doesn't impact the speed & performance.
Poptin Installation Script
Our installation code you add to your website is a very small one-line script we call installation code.
This one-line code initiates the pixel.js file which contains all your popups and forms and handles everything including triggering your popup to targeted visitors, rendering the embeddable forms, etc.
We’ve worked the pixel.js in such a way that only the popups that are currently active would load and not all the popups would load reducing the overall load times.
Asynchronous Loading
To make sure that Poptin doesn't slow down your website we implement multiple techniques such as asynchronous loading.
Asynchronous loading helps your website render faster. By employing async loading, we ensure that our script loads in a non-disruptive manner, avoiding any interruptions to your website's content loading process.
This approach guarantees that the loading of Poptins doesn't impede the overall loading speed of your website, allowing it to achieve optimal performance. 🚀
HTTP/2
With Poptin we load lots of small assets as well based on your Poptin's designs such as HTML, CSS, images, and fonts you use in your design as well as other popup/form elements previously this could have caused a slight delay as each component had an overhead while connecting to the server before downloading the element.
The good news is that we use an updated version of the HTTP protocol, named HTTP/2, which we use on our CDN (Content Delivery Network), we can reduce lead times by loading multiple connections together and getting rid of the overhead caused by creating a new connection for each of the asset.
CDN (Content Delivery Network)
Poptin uses CDN to deliver and display the Popups and Forms on your website. Through CDN a cached version of your Poptin's campaign's content is stored in multiple locations around the world to increase your page speed.
This means popups load faster on your website no matter where your visitors are from. In other words, if a visitor visits your website from France, Poptin will be loaded from a server from France and if a visitor is from US Poptin would load from a US server. This ensures faster load times.
Compression
All your assets and content in your Poptin campaigns are compressed with the industry standard "gzip" when loading Poptin's CDN to your visitor's sessions. Poptin also auto-compresses the images used in Poptin but making sure that the quality is not affected.
Fonts
To make sure you can use the fonts you love without having it impact the load times, we’ve started loading fonts from our server saving an additional call (connection request) to Google servers.
HTML, CSS & JS Minification Poptin strategically utilizes minified versions of CSS and JavaScript files, trimming unnecessary elements like spacing, indentation, newlines, and comments. This meticulous approach accelerates loading times, resulting in a more efficient and seamless user experience on your website or application.
A few important points to note in order to make sure your Poptin Campaigns are optimized.
Images: Make sure you use images that are less than 500 KB in size.
Fonts: Try not to use a lot of different fonts in your popup campaigns.
TL;DR
Our code loads asynchronously to your website, using CDN and a very compressed code.
Still not sure? You can install the script below right above the installation code, and it will make our code load after your WHOLE site is fully loaded:
<script> var poptinAfterPageLoad = true;</script>
Updated on: 18/11/2024
Thank you!