preezie's Impact on Site Speed

Owned by shelby.derks-wyatt
Last updated: Jan 31, 2022 by Lauren Easton (Unlicensed)
2 min read

Overview

preezie does not have any impact on the user experience of a page load speed. The download of preezie content does not block the rendering of the page when integrated in accordance with our Widget Integration guide. Please see guide for more details.

As a powerful and interactive experience, preezie will be present on page load speeds metrics when measured in tools such as Google’s PageSpeed Insights.

How it preezie JavaScript works

The browser downloads all the required data for the preezie widget to function at the same time it is downloading the rest of the page. The browser then waits for the document to finish loading before running the preezie script. The main thread is blocked for 100-200ms on average while parsing preezie JavaScript content. This does not affect the usability of the page nor does it affect the Core Web Vitals metrics used for SEO.

Steps we have taken to optimise

We have recently completed a thorough optimisation of the frontend code necessary to run the preezie widget. The On Load Optimisation Project reduced the total package size by about 40% (from 343 KB to 140 KB).

Optimisation Project details

In this project, preezie split out each widget part. Compared to the previous widget, where all features were in a single file, the new design allows us to only load the necessary bundle for each unique integration. This reduced the overall download size.

Previous widget:

  • Main JS - 343 KB (all features)

Refactored widget:

Usually, a page only loads the Main Header and Workflow elements on the initial load with an overall weight of 140 KB.

See below for a full breakdown of all preezie elements:

  • Main header - 82 KB

  • Workflow - 58 KB

  • Selector - 8 KB

  • CTA - 5 KB

  • Popup - 2 KB

  • Exit-intent - 3 KB

Ongoing commitment to performance

In addition to the above preezie has:

  1. Made optimisations to the widget loading mechanism targeting the Largest Contentful Paint metric.

  2. Reduced layout shifting, targeting the Cumulative Layout Shift metric.

preezie is committed to further optimising all our products and features for performance in accordance with industry best practices.

If you have any questions, please reach out to your preezie Customer Success Manager or email support@preezie.com.