Quickload CDN

Paste-and-go install for any site.

Drop one <script> tag in your <head> and Quickload defers third-party scripts (GTM, GA4, 6sense, Marketo, Pixel, Hotjar) until user interaction — Lighthouse goes up, INP goes up, your tags still fire.

WordPress? Use the plugin. Next.js, Nuxt, Vue? Use @quickload/web. Anything else (Webflow, Shopify, raw HTML) — use this CDN.

The embed snippet

<script
  src="https://cdn.usequickload.com/v0.1/quickload.min.js"
  data-license="QL-XXXX-XXXX-XXXX"
  data-api-token="site_abc123"
  data-trigger="interaction"
  defer
></script>

Then mark the scripts you want deferred by changing their type attribute to text/quickload:

<script type="text/quickload" src="https://www.googletagmanager.com/gtm.js?id=GTM-XXXX"></script>

Versioning

URLCacheUse when
/v0.1/quickload.min.jsImmutable, 1 yearProduction. Pin a known-good version.
/latest/quickload.min.js5 minutesStaging or "always current." Auto-rolls when we ship.

data-* attributes

AttributeDefaultNotes
data-license Pro/Agency license key. Free tier works without one.
data-api-token Site API token from your dashboard. Enables RUM beacons.
data-trigger interaction eager · interaction · idle · load · never
data-dashboard app.usequickload.com Override the ingest host (self-hosted dashboards).
data-max-time 15000 Hard upper bound on the trigger window in milliseconds.
data-debug false Console-log every fire event.
data-auto-init true Set to false and call QuickloadCDN.init({...}) manually.
data-bots eager How to treat Lighthouse + scrapers. defer = don't fire eagerly.
data-vitals true Disable Web Vitals beacon with "false".
data-tbt true Disable TBT attribution beacon.
data-privacy true Disable cookie + 3rd-party host audit.
data-engagement true Disable engagement beacon.

Subresource integrity

For the paranoid: pin the SRI hash so a CDN compromise can't ship malicious code to your users. The current hash is published in /manifest.json.

<script
  src="https://cdn.usequickload.com/v0.1/quickload.min.js"
  integrity="sha384-…"
  crossorigin="anonymous"
  defer
></script>

Resources

© Backpack Works · MIT License