Skip to main content
Question

Embed Size & Load Time for Website

  • September 10, 2026
  • 1 reply
  • 28 views
Forum|alt.badge.img+2

We use Airtable embeds to recognize our volunteers, this results in us having ~14 embed tables on one webpage (we are currently doing a lot of testing, so they might not all be there but usually they are under each department): https://neuromatch.io/our-people/

 

Recently, we’ve built a new website and the embeds have been causing issues with the page they are on (previously, we did not have this issue due to the way the content was loaded in a different wordpress template). 

 

The embeds are very large compared to other website elements, and we found that even when we removed photos from the cards the size of the embed itself stayed the same. 

 

Is there a way to reduce the loading size of the embeds? 

1 reply

DisraeliGears01
Forum|alt.badge.img+22

I’m not familiar with any ways to speed up the load time for iFrames, but you can manually adjust the embed sizes by futzing with the height/width figures in the embed code. For example…

<iframe class="airtable-embed" src="https://airtable.com/embed/appEXAMPLE" frameborder="0" onmousewheel="" width="100%" height="533" style="background: transparent; border: 1px solid #ccc;"></iframe>

I’ve reduced the height before the eliminate the bottom branding and ability to expand.

Honestly I took a look at your webpage and I was frankly surprised by how well it held up to that many iFrame plugins haha? After the first one loaded the rest were pretty seamless. You could always consider what embed elements you’re using and try to re-think from that angle. Do you need them all in separate drop down elements or could there be a filter in the embed? Do you need gallery or would a different interface work better, especially if you’re not attached to having staff photos?

    Terms & ConditionsAccessibility statement