Slow Page Load When Clicking Download Links – Any Ideas?

Design help CMS
1

Hi everyone!

I’m having an issue on one of my pages that I haven’t been able to solve, and I’m hoping someone here might have some ideas. I’ve built a “Download Center” for our softwares, but the problem is that when I click one of the links in the grid, it takes almost 5 seconds (for me) before the page loads.

Does anyone know what might be causing this?

Clicking any of these links would make it really slow to load:

Grid
Grid1113×588 41.3 KB

1 Like
2

Hi there!

If your Webflow site is experiencing slow load times, here are several effective ways to improve performance:

Link Preloading:

  • Use “Prefetch” in the Element settings panel for important links - this downloads linked page assets after the current page loads
  • Set “Prerender” for high-priority CTAs to prepare linked pages in the background

Site Cleanup:

  • Remove unused styles and interactions from your Style panel
  • Delete unnecessary assets from the Assets panel
  • Optimize image sizes by using appropriate formats (JPG for photos, PNG for graphics with transparency)
  • Enable lazy loading for images below the fold
  • Minimize the use of custom fonts and heavy scripts

These optimizations can significantly reduce your page load time to the recommended 2-3 seconds or less.

Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.

1 Like
3

Hi @SMINFO

Hi there :waving_hand:

A 5-second delay after clicking a link usually means something on the page or link is adding extra work before navigation. Here are a few things worth checking:

1. Interactions / animations on the link

If the link has a page transition or fade-out interaction with a delay, Webflow will hold navigation until that’s done.
Fix: In the Interactions panel, look for “On Click” → check if a Delay is set to something like 2000ms. If yes, reduce or remove it.

2. Custom page transition code

Some custom scripts delay navigation to allow for smooth transitions. Look in your Page Settings → Custom Code or Project Settings → Custom Code.
Fix: If you see something like:

document.querySelectorAll(‘a’).forEach(link => {

link.addEventListener(‘click’, e => {

e.preventDefault();

setTimeout(() => {

  window.location = link.href;

}, 5000); // <-- This is the delay

});

});

Change 5000 to a much smaller value (e.g. 200) or remove the timeout entirely.

3. Heavy assets on the target page

If the Download Center page loads large files (images, PDFs, videos), the browser might freeze for a moment.
Fix: Compress or resize images in Webflow’s Asset Manager. You can also preload critical images in the page’s :

4. External scripts slowing navigation

Analytics or third-party widgets sometimes add blocking scripts.
Fix: In Chrome DevTools → Network tab, click the link and check if the delay is “Waiting for server” or “Running scripts.” If it’s scripts, move them to load after the page:

Recommended If you’d prefer not to manage all the technical parts yourself, apps like Website Speedy can automate optimizations such as compressing assets, deferring scripts, and improving page load timing. That way you can focus more on your content and design while the performance side is handled.

With a few tweaks above, you should see that 5-second lag drop down to almost instant

1 Like