Webflow sync, pageviews & more.
NEW

How can I remove Unused Javascript in Webflow to improve my Time to Interact?

TL;DR
  • Audit and remove unnecessary third-party scripts, defer or conditionally load them, and eliminate unused custom JavaScript.
  • Minimize use of Webflow Interactions, replace plugins with native components, and use tools like Partytown or a tag manager to offload non-critical scripts.

Removing unused JavaScript in Webflow helps reduce page weight and improve metrics like Time to Interactive (TTI). Webflow doesn’t provide full control over core scripts, but you can minimize third-party and unused custom code.

1. Audit Third-Party Scripts

  • Identify all third-party JS scripts (e.g., analytics tools, widgets, live chat) in your Page Settings, Site Settings, or inside Embed blocks.
  • Use Google PageSpeed Insights or Lighthouse to see which scripts are unused or delaying interactivity.
  • Remove scripts that are no longer active or necessary.
  • Consider loading third-party scripts conditionally using JavaScript only when needed (e.g., after user interaction).

2. Avoid Heavy Webflow Components

  • Webflow Interactions (IX2) automatically load interaction libraries sitewide, even if used on a single page.
  • To reduce unused JS, minimize the use of Interactions on unused pages, or create separate Webflow projects/sites for different sections (if needed).

3. Minimize Custom Code

  • Go to Page Settings > Custom Code and Site Settings > Custom Code and review any inline or linked JavaScript.
  • Delete unused functions or libraries (like jQuery plugins or animations) that are no longer being used.
  • Move inline or third-party JavaScript to the bottom of the body (before </body> section) to delay execution for improved TTI.

4. Use Webflow’s Native Features Over Plugins

  • Replace JavaScript-based sliders, counters, reveals, and tabs with Webflow-native components whenever possible.
  • This reduces the need for custom JS or libraries like jQuery UI or GSAP, unless necessary.

5. Defer or Lazy Load Where Possible

  • Most custom scripts inserted in Webflow can be modified to defer execution. Add the attribute defer to external scripts (e.g., <script defer src="...">) when embedding.
  • For third-party content like iframes and widgets, ensure lazy loading (e.g., using loading="lazy") is applied.

6. Disable Webflow’s jQuery if Not Needed

  • Webflow includes jQuery by default. If you're not using any jQuery-dependent widgets or scripts:
  • Contact Webflow Support to explore options or submit a feature request to disable jQuery in your build.

7. Use a CDN Script Manager or Tag Manager

  • Tools like Cloudflare Zaraz, Partytown, or Google Tag Manager can help isolate third-party JavaScript off the main thread, reducing their TTI impact.
  • Partytown, in particular, allows you to run non-essential scripts in a Web Worker.

Summary

To reduce unused JavaScript in Webflow, audit and remove unnecessary third-party scripts, avoid unused interactions, replace custom code with native features, defer JavaScript execution, and consider tools like Cloudflare Zaraz or Partytown. While you can't fully eliminate core Webflow scripts, these steps significantly improve Time to Interactive.

Webflow Resources
Webflow templates
Webflow inspiration
Rate this answer

Other Webflow Questions

Explore Logic tutorials
How to create a cool effect using Webflow animations?
How can I add Google AdSense to my Webflow site?
Where can I find Lottie animations like the ones shown in the picture? And how can I change the color of a Lottie animation like the ones in the picture?
How can I add a label to a link or block in Webflow? Is it possible to place a text block or heading in front of an image inside a block?
What are some alternative search engine options for Webflow sites and how much do they cost?
Can dropshipping be done with Webflow and Shopify? Is there a way to send orders directly to the supplier without using any third-party applications and split the payment between the supplier and store owner?
How can I find the versions of third-party libraries used by Webflow in its generated JS code?
Why aren't the images in my Webflow Collection displaying properly when I use them in a collection list on my portfolio page, even though each project has images attached to the corresponding Collection item?
How can I use Google Maps in a dynamic embed on a CMS template page in Webflow, pulling the address from a field in my collection and applying a Snazzy Style theme to it?
How can I easily place elements where I want them on Webflow without using containers, div blocks, or blocks? I'm having trouble aligning a logo to the left side of the page.
What is a workaround for offering discount codes and free delivery coupons on Webflow e-commerce?
How can I include list items in Webflow collections? How can I change the pictures within the Lightbox via Webflow collections? How can I include maps and/or embedded code on Webflow CMS pages? How do SEO and OG settings work for Webflow CMS pages?
With the Lite hosting plan on Webflow, will there be a Webflow logo on my website? Will the Webflow logo appear on my form submissions, and if so, where?
How can I resolve the validation failure error message in Webflow while trying to publish a new blog post via CMS?
Can Webflow be used to clip an image using an SVG clipping mask without custom coding?
Can Webflow be used to call a CSS or JS file stored on a different server, instead of hosting them on GitHub?
How can I use the Finsweet script to manage two different sliders on my Webflow page, each feeding content from different collections?
How can I prevent a full-screen slider in Webflow from pausing on hover? Additionally, I would like to link two sliders to one control or navigation. Can anyone with JavaScript knowledge help me achieve this?
How can I change the language of publication dates in Webflow CMS collection from English to Portuguese?
How can I dynamically redirect to a CMS created after form submission in Webflow?
How can I disable right-clicking on images to prevent downloading on my Webflow portfolio website?
In Webflow, how can I hide specific elements in the footer (such as "Ramin Khaze The Difference" and "Schedule showing") when the URL contains a certain parameter, such as "?mls"? I am a beginner in coding and would appreciate any help. Thank you!
How can I prevent the "w-current" class in Webflow from overriding the height of my custom class on a link block element?
Can anyone help me add a digital clock and date to my Webflow site? I've been able to add custom code, but I need assistance with styling the text. Thank you in advance for your help!
Can I capture a screenshot of a Webflow page on click and convert it to a downloadable PDF?
How can I pull the stored email from the first form submitted on our website and input it into a field on a later form during the sign-up process in Webflow? I have tried using the provided script but it only displays "undefined" in the field. I don't have much knowledge of JavaScript and found this script online.
How do I mirror user input from a form field to a non-form text field on the same Webflow page in real-time using JavaScript?
When will Webflow update the "Select Field" component to allow for a placeholder with different colors before and after selection, without the need for a label above the field?
Is there a way to auto-scroll the page in Webflow after a certain amount of time, without the script automatically scrolling back up if the user has already scrolled past the designated point?
How can I close a dropdown in Webflow when clicking on a link?