The ultimate guide to iframes

The iframe element (short for inline frame) is probably among the oldest HTML tags and was introduced in 1997 with HTML 4.01 by Microsoft Internet Explorer. Even though all modern browsers support them, many developers write endless articles advising against using them.

I believe that their bad reputation should not prevent you from relying on them; they have many legitimate uses cases. Besides, it’s not that hard to secure them, so you won’t have to worry about your user’s machine becoming compromised.

To help you form your own opinion and sharpen your developer skills, we will cover all the essentials you should know about this controversial tag. We’ll go through most of the features the iframe element provides and talk about how you use them, as well as how iframes can be useful for overcoming some tricky situations. Finally, we’ll talk about how you can secure your iframes to avoid potential vulnerabilities.

What is an iframe, and when do you use it?

Developers mainly use the iframe tag to embed an HTML document within another. You may have crossed paths with it when you had to include a third-party widget (like the famous Facebook like button), a YouTube video, or an advertising section on your website.

For instance, the code below will display a 500px square with the Google homepage within:

<iframe src="https://www.google.com/" height="500px" width="500px"></iframe>

Here is another example in which we display a button to tweet your webpage on Twitter:

<iframe src="https://platform.twitter.com/widgets/tweet_button.html" style="border: 0; width:130px; height:20px;"></iframe>

What you must keep in mind when thinking about iframes is that they let you embed an independent HTML document with its own browsing context. Thus, it will be isolated from the JavaScript and CSS of the parent.

That is one of the valid purposes to use an iframe: to provide a measure of separation between your application and the iframe content. Nevertheless, as you will see in this guide, the separation is not so perfect.

The iframe can still behave in annoying or malicious ways — triggering a popup or autoplaying videos, for instance. To illustrate how this isolation from the JavaScript and CSS is handy, let’s take a look at these two situations.

In an application, a user could create emails and save them as templates. On a particular page, I needed to list them to let the user preview and choose one.

But to prevent the CSS of the current website from affecting the style of these templates, I figured out that using an iframe with the srcdoc attribute was the cleanest solution.

<iframe srcdoc="<html><body>The content you see here will never be affected by the CSS of its parent container. It's supposed to be rendered in black on a white background.</body></html>"></iframe>

The other situation when iframes saved my life was when I had to build a WYSIWYG editor for a customer. But the thing with these editors is that you have to find a way to keep the focus and the selection when the user is clicking on all the buttons across the interface.

Because an iframe offers an isolated environment, this means that the focus or the selection is never lost when you are clicking outside of it. By using communication events between the iframe and the parent (more on how to do so later in this article), I managed to design a powerful editor in a snap.

Over 200k developers use LogRocket to create better digital experiences

Learn more →

The iframe attributes you need to know

To this day, there are eight attributes we can use to customize the behavior or styling of an iframe.

<iframe

  src="https://google.com/"    <!-- Sets the address of the document to embed --> 

  srcdoc="<p>Some html</p>"    <!-- Sets the HTML content of the page to show --> 

  height="100px"               <!-- Sets the iframe height in pixels -->

  width="100px"                <!-- Sets the iframe width in pixels -->

  name="my-iframe"             <!-- Sets the name of the iframe (mainly used to reference the element in JavaScript -->

  allow="fullscreen"           <!-- Sets the feature policy for the iframe. -->

  referrerpolicy="no-referrer" <!-- Set the referrer to send when fetching the iframe content -->

  sandbox="allow-same-origin"  <!-- Sets the restrictions of the iframe (more on this below) -->

></iframe>

You may find more than the ones listed above, but keep in mind that they are not supported in HTML5 anymore: align, frameborder, longdesc, marginheight, marginwidth and scrolling.

Note that, by default, the iframe element has a border around it. To remove it, you can use the style attribute to set the border CSS property to none:

<iframe src="https://logrocket.com/" style="border: none;"></iframe>

iframe events and communication

Loading and errors

Because an iframe is a document, you can use most global event handlers.

When you are initiating the iframe, two of these event handlers come in handy to improve the experience, like displaying a spinner or a specific message to assist the user:

The load event: This is triggered when the iframe is fully loaded. In other words, all static assets have been downloaded, and all the elements in the DOM tree have fired their load event
The error event: This is triggered when loading fails

You can listen to them with the onload and onerror attribute, respectively:

<iframe src="https://logrocket.com/" onload="onLoad()" onerror="onError()"></iframe>

Or if you can add the listeners to your iframe programmatically.

// For a new iframe
const iframe = document.createElement("iframe");

iframe.onload = function() {
  console.log("The iframe is loaded");
};
iframe.onerror = function() {
  console.log("Something wrong happened");
};

iframe.src = "https://logrocket.com/";
document.body.appendChild(iframe);

// For an existing iframe
const iframe = document.querySelector('.my-iframe');

iframe.onload = function() {
  console.log("The iframe is loaded");
}
iframe.onerror = function() {
  console.log("Something wrong happened");
}

Communication with iframes

It is quite easy to send messages between the parent and the iframe. You have to use the postMessage function, which is documented here.

From the parent to the iframe

Send the message from the parent element:

const myiframe = document.getElementById('myIframe')

myIframe.contentWindow.postMessage('message', '*');

And listen to it in the iframe:

window.onmessage = function(event){
    if (event.data == 'message') {
        console('Message received!');
    }
};

From the iframe to the parent

Send the message from the iframe:

window.top.postMessage('reply', '*')

And listen to it in the parent:

window.onmessage = function(event){
    if (event.data == 'reply') {
        console('Reply received!');
    }
};

N.B., keep in mind that you can end up in some tricky situations when you need to debug something as messages are fire-and-forget (i.e., there is no real error handling).

iframe security

When you are using an iframe, you are mostly dealing with content coming from a third party over which you have no control. Thus, you are increasing the risk of having a potential vulnerability in your application or simply having to deal with a bad user experience (like annoying video autoplay ).

Thankfully, you can block or allow specific features. You have to use the sandbox and allow the attributes we discussed earlier.

Keep in mind that a good rule of thumb is to always grant the minimum level of capability necessary to a resource to do its job. Security experts refer to this concept as “the principle of least privilege.”

The `sandbox` attribute

Here is the complete list of sandboxing flags and their purposes:

Flag	Details
`allow-forms`	Allows form submission.
`allow-modals`	Allows the resource to open new modal windows.
`allow-orientation-lock`	Allows the resource to lock the screen orientation.
`allow-pointer-lock`	Allows the resource to use the Pointer Lock API.
`allow-popups`	Allows the resource to open new popups or tabs.
`allow-popups-to-escape-sandbox`	Allows the resource to open new windows that will not inherit the sandboxing.
`allow-presentation`	Allows the resource to start a presentation session.
`allow-same-origin`	Allows the resource to maintain its origin.
`allow-scripts`	Allows the resource to run scripts.
`allow-top-navigation`	Allows the resource to navigate the top-level browsing context.
`allow-top-navigation-by-user-activation`	Allows the resource to navigate the top-level browsing context, but only if initiated by a user gesture.

It is up to you to define which privileges you can grant to each iframe.

For instance, if your iframe only needs to submit forms and to open new modal windows, here is how you would configure the sandbox attribute:

<iframe sandbox="allow-forms allow-modals" src="https://www.something.com/"></iframe>

For a situation when the sandbox attribute is configured, and one feature is not working correctly within the resource, it might be because it lacks a specific flag. Make sure you know more about them to debug things quickly.

More great articles from LogRocket:
Don't miss a moment with  The Replay, a curated newsletter from LogRocket
 Learn how LogRocket's Galileo cuts through the noise to proactively resolve issues in your app
Use React's useEffect  to optimize your application's performance
Switch between  multiple versions of Node
 Discover  how to use the React children prop with TypeScript
 Explore creating a custom mouse cursor with CSS
Advisory boards aren’t just for executives.  Join LogRocket’s Content Advisory Board. You’ll help inform the type of content we create and get access to exclusive meetups, social accreditation, and swag.

Also, keep in mind that using an empty sandbox attribute will fully sandbox the iframe. This means that the JavaScript inside the iframe will not be executed, and all the privileges listed above will be restricted (like creating new windows or loading a plugin).

The empty sandbox attribute is mostly used for static content but will drastically reduce the capability required for other resources to work properly.

N.B., the sandbox attribute is unsupported in Internet Explorer 9 and earlier.

The `allow` attribute

This allow attribute lets you allow specific features like letting the iframe access the accelerometer, the battery information, or the camera. Be sure to check Can I Use… for details on cross-browser support.

There are more than 25 available flags, so I will not list them all here. You can browse them on the Mozilla Feature Policy Documentation. I summarized the most popular in the table below:

Flag	Details
`accelerometer`	Allows access the Accelerometer interface
`ambient-light-sensor`	Allows access the AmbientLightSensor interface
`autoplay`	Allows to autoplay video and audio files
`battery`	Allows access to the Battery Status API
`camera`	Allows access to the camera
`fullscreen`	Allows access to fullscreen mode
`geolocation`	Allows access to the Geolocation API
`gyroscope`	Allows access to the Sensors API Gyroscope interface
`magnetometer`	Allows access to the Sensors API Magnetometer interface
`microphone`	Allows access to the device microphone
`midi`	Allows access to the Web MIDI API
`payment`	Allows access to the Payment Request API
`usb`	Allows access to the WebUSB API
`vibrate`	Allows access to the Vibration API

Things to know about iframes

How to deal with browsers that do not support iframes

If a browser does not support an iframe, it will display the content included between the opening <iframe> tag and the closing </iframe> tag.

Thus, you should always think about placing a warning message as a fallback for those poor users.

<iframe>
  <p>Your browser does not support iframes.</p>
</iframe>

How can you render the iframe like it is actually part of the parent document (i.e., no borders and scrollbars)?

🤓 The seamless attribute has been introduced for this exact purpose. It is still experimental and poorly supported among browsers. It’s also not part of the W3C HTML5 specification at the time of this writing.

<iframe seamless src="https://logrocket.com/"></iframe>

Can iframes affect my website’s SEO?

I did not know much about this, so I had to dig a little. There’s a lot of speculation around this subject.

For a long time, crawlers could not understand iframes, but this is no longer the case. The most relevant answer I found was from this article, and today’s conclusion seems to be:

Since search engines consider the content in iframes to belong to another website, the best you can hope for is no effect. iframes tend to neither help nor hurt your search engine ranking.

Thus, it is best to assume that the content displayed via iframes may not be indexed or available to appear in Google’s search results. A workaround would be to make sure to provide additional text-based links to the content they display so that Google crawlers can find and index this content.

N.B., you should also not worry about duplicate content issues since today’s web crawlers usually recognize that.

Can iframes affect my website’s loading speed?

Every iframe on a page will increase the memory used, as well as other computing resources like your bandwidth. So you should not use iframes excessively without monitoring what’s going on, or you might end up harming your page performance.

To avoid having your iframes slow down your pages, a good technique is to lazy load them (i.e., loading them only when they are required, like when the user scrolls near them). This can be achieved easily just by adding the loading="lazy" attribute to the tag.

Keep in mind that all modern Chromium-based browsers support this at the time of writing. For something that works everywhere, you may be interested in the lazyload library.

<iframe src="https://logrocket.com/" loading="lazy"></iframe>

N.B., the loading="lazy" attribute also works with the img tag, in case you didn’t know that already. 😜

How can I make an iframe responsive?

As more people browse the web using their phones, it is essential to make sure every one of your interfaces is responsive. But how can you do so when you have an iframe in your page?

We could dedicate an entire guide to the myriad ways to make your iframe responsive. Instead, I will just link to two excellent articles:

This article (with probably the simplest solution) will show you how you can achieve this by wrapping your iframe in another HTML element and by adding a few CSS properties to it
This second article will show you how you can make an iframe responsive by dealing with aspect ratios

There is also the iframe-resizer library, but keep in mind that it comes with a lot of additional features you may not actually need.

If you are using Bootstrap in your project, there are the embed-responsive and embed-responsive-16by9 classes that you can use straight out of the box to make your iframes responsive:

<div class="embed-responsive embed-responsive-16by9">
  <iframe src="https://logrocket.com/" loading="lazy"></iframe>
</div>

How to prevent the white flash that occurs while the iframe is loading

Yes, my friends, there is a solution for this. In this article, Chris Coyier shares a little snippet that hides all the iframes on the page with some CSS, removes it until the window is loaded, and then makes them visible.

How to reload the content of an iframe

Easy peasy lemon squeezy! As you can access the window element of the iframe with contentWindow, you have to do this:

// Get the iframe
const iframe = document.getElementById('myIframe');
    
// Reload the iframe
iframe.contentWindow.location.reload();

Bonus: About iframe accessibility

Most of the time, a screen reader will indicate that an iframe is present on the page.

Many will even enable you to navigate inside. If your iframe does not contain another webpage but instead contains external content like a video player or an ad, it is essential to add a title to the tag.

Adding a title to the tag gives users more context for what is the iframe is about.

<iframe src="an_ad.html" title="I contain an advertisement"></iframe>

Some will say that this attribute is not essential since most screen readers will only read the document’s title when available and skip the title attribute on the iframe tag.

However, for the same title to be read correctly across various screen readers, it remains good practice to provide both and to make sure they match each other.

Another thing to keep in mind is that when your iframe includes non-readable content (like, for instance, a video game built with JavaScript), you will have to hide its contents from screen reader users using the aria-hidden attribute.

<iframe src="a_video_game.com" title="I contain a video game" aria-hidden="true"></iframe>

We talked about this at the beginning of this guide, but make sure to include some content inside the iframe for all the older browsers that do not support them.

This will give more context to everyone about what should be displayed in the space.

<iframe>
  <p>Your browser does not support iframes.</p>
</iframe>

LogRocket: Monitor iframe performance and how users interact with them

LogRocket Dashboard Free Trial Banner

LogRocket is a frontend application monitoring solution that lets you replay problems as if they happened in your own browser. When implementing iframes, it’s critical that you understand how they impact the performance of the overall app or page as well as the user experience.

Instead of guessing why errors happen, or asking users for screenshots and log dumps, LogRocket lets you replay the session to quickly understand what went wrong. It works perfectly with any app, regardless of framework, and has plugins to log additional context from Redux, Vuex, and @ngrx/store.

In addition to logging Redux actions and state, LogRocket records console logs, JavaScript errors, stacktraces, network requests/responses with headers + bodies, browser metadata, and custom logs. It also instruments the DOM to record the HTML and CSS on the page, recreating pixel-perfect videos of even the most complex single-page apps.

Try it for free.

Conclusion

I hope this guide has helped you to improve your knowledge of iframes.

While they can be insecure if you’re loading untrusted content, they also offer some significant advantages. So you should not ban them entirely from your developing arsenal but only use them in relevant situations.

If you have anything to add to this article, you can reach me in the comments below or just ping me on Twitter @RifkiNada.

45 Replies to "The ultimate guide to iframes"

Serg says:

January 25, 2020 at 10:21 am

Seamless attribute was removed from both W3C and WHATWG hrml specs, and implementation was removed from the browsers due to the security and other reasons https://caniuse.com/#feat=iframe-seamless

Reply

Ariona Rian says:

January 28, 2020 at 5:55 pm

Missing guide: how to make iframe height automatically use it’s content height 🤔

Reply

Nada Rifki says:

January 29, 2020 at 6:18 am

Thank you for the information, I thought it was only experimental for the time being.

Reply

Nada Rifki says:

January 29, 2020 at 6:19 am

Hello Ariona, what do you mean exactly? 🙂

Reply

Piotr says:

February 14, 2020 at 5:44 am

Nada, great art. Thanks. Just remove unnecessary “)” from postMessage link.

Reply
1. Matt Angelosanto says:
  
  February 14, 2020 at 8:23 am
  
  Nice catch. All set.
  
  Reply

balexandre says:

February 18, 2020 at 7:12 am

You talked nothing about “friendly iframe” when the iframe source is and that we do not need to send message events as those iframes can get all functionality from the parent window object…

Reply

BriarRose says:

February 18, 2020 at 8:07 am

Thank you, Nada, for this informative article! A helpful addition would be addressing accessibility issues with iframes.

Reply

Adrian Roselli says:

February 18, 2020 at 4:57 pm

There is a lot to be said about WCAG conformance an iframes. Technique H64: Using the title attribute of the frame and iframe elements ( https://www.w3.org/TR/WCAG20-TECHS/H64.html) addresses how this applies to WCAG Success Criteria 2.4.1 Bypass Blocks (level A) and 4.1.2 Name, Role, Value (level A). While conformance is more nuanced than a pass/fail, at least acknowledging the challenge and risk of being flagged by automated accessibility testing tools should be in this article.

Reply

Tanya says:

April 3, 2020 at 2:45 pm

I have a question.

I’m using an iframe to load a media file. Click the link to the file and it loads into the named iframe.

My link has a target=”media” attribute on it and the first video loads fine. However when I try to load the second video it will not load in the iframe, it loads in a new tab.

Reply

raj says:

May 7, 2020 at 9:00 pm

Just wondering how you got the google.com example to work. I get a “Blocked by X-Frame -Options Policy” for google, and “Blocked by Content Security Policy” for some other domains that I tried, But the Twitter button and the Logrocket examples work fine. I am using localhost/ 127.0.0.1 for testing, which might be the issue.

Reply

Don says:

June 9, 2020 at 6:00 am

I have a lot of content on my site, and I recently implemented the use of (loading=”lazy”) to defer the loading of an iframe until the viewer opens the window. I noticed that it did not interfere with the laoding of the iframe content, however, the code was flagged as “not allowed” when validating my html. I also noticed that when using speed testing sites such as Google insights and GTMetrics, the browser is seeing and loading the content within the iframe even though I am using the lazy loading tag in the iframe?

Reply

Nada Rifki (@RifkiNada) says:

June 10, 2020 at 8:22 am

Hi Don, can you tell me which browser (and version) you’re using ?

Reply

Arnaud says:

June 10, 2020 at 2:12 pm

Hi, thanks for this guide, really interesting. You wrote “Because an iframe offers an isolated environment, this means that the focus or the selection is never lost when you are clicking outside of it.”
I am actually facing a situation where my iFrame is losing its focus when clicking elsewhere… Any way to prevent that ?

Reply

Roy Hajj says:

July 24, 2020 at 9:41 am

Hi, thanks for this comprehensive iframe documentation , But frankly , I was looking for an answer to a difficult question , a question that no one online , even the Top Programming websites , could answer it till now ..
This question is , how can we play a video game inside iframe , without the keyup or keydown forcing the whole page to scroll up or down , instead of focusing inside the iframe ?

Reply

Nada Rifki (@RifkiNada) says:

July 28, 2020 at 3:34 pm

Why don’t you simply disable the scroll when people are using the keyboard arrows? Something like https://stackoverflow.com/questions/8916620/disable-arrow-key-scrolling-in-users-browser

Reply

Nada Rifki (@RifkiNada) says:

July 28, 2020 at 3:34 pm

If you want to check when an iframe is not focused anymore, you can check this thread https://stackoverflow.com/questions/5456239/detecting-when-an-iframe-gets-or-loses-focus Then, you only have to refocus the iframe with javascript when it happens

Reply

Horison says:

August 1, 2020 at 9:44 am

Hi,
Thanks for this excellent information with unique content and it is very useful to know about the information based on comprehensive iframe documentation.

Reply

Julian Kandler says:

August 11, 2020 at 2:57 am

Hi,

Thanks for your guide! I tried to use it for error handling if the iFrame could not be loaded, but this does not seem to be possible, since the onerror event never gets triggered. Ans it also seems like (at least for Chrome), they are not going to fix that: https://bugs.chromium.org/p/chromium/issues/detail?id=365457

Is there something im missing?

Reply

D Devid says:

August 23, 2020 at 3:04 pm

Thank you, Nada, for this informative article! A helpful addition would be addressing accessibility issues with iframes.

Reply

Sankar says:

August 25, 2020 at 10:43 am

Any idea how to use IFRAME in windows application?

Reply

joe Hajj says:

August 29, 2020 at 6:23 pm

Yes , it worked that way . Thanks again .

Reply

Michael Keuntje says:

September 15, 2020 at 4:03 am

thx Nada – I really like the overview quality of your article.
if I integrate content via iFrame into a WP page is there a way I can avoid thrd parties to open the iFrame content without opening the complete page?

Reply

Madan says:

September 24, 2020 at 9:54 am

Can you please tell me how we can display a PDF file inside the iframe html element without download & print option in the frame window?

Reply

Chad says:

September 24, 2020 at 5:50 pm

For some you can’t use external resources from iframe using a development server, especially when trying to fetch resources from Google. As a security measure google doesn’t allow that… hence a development server with a “localhost” in it’s domain is automatically blocked. There is a way to trick the system by changing your “localhost” domain or using https, I read somewhere tho I never actually tried it before just a friendly coder who stumbled on this article to learn more about iFrames.

Reply

Rick H says:

October 4, 2020 at 3:40 pm

Hello. Great post. I had a question about using iframe and jump links together. I am building a recipe site with a list of links to recipes from different sites. When the links are clicked the recipes are displayed within the iframe window at the top of the same page. I wanted to add jump links so the user to taken to the top of the page where the recipe is being displayed. Any suggestions?

Reply
1. Russell Lee says:
  
  July 10, 2021 at 10:33 pm
  
  set your target attibute: target=’_parent’
  
  Reply

PatrickB says:

December 14, 2020 at 1:20 am

Great Article Nada – well done. I came to the sight to get some information on how cookies work within an iframe. I’m using .Net Core 2.2. and application (session) cookies are not being recognized in the same way as if the application runs outside the iframe. Any insight on cookie limitations and using sameSite=None/Lax/Strict (etc), and the meaning of these would be a great add to your article.

Cheers!

Reply

montrell Hale says:

January 10, 2021 at 8:50 am

im trying to add a iframe into elementor on wordpress and i cannot figure out to adjust the height, there is also a rule for scrolling in a an iframe i didnt see that here.

Reply

John Perry says:

January 22, 2021 at 5:11 am

I wrote a set of pages a while ago. In fact last changed 2011! Now I am trying to resurrect them. But they were built around frameset(s) and frame(s) – I did write a kind of “file explorer”. I can work out what to change. But the main problems is how to move the iframe to be along the right, e.g. width=85% but I can’t see (in several different pages) how to have the iframe set right. I’ve seen talk of attribute object-position, but I can’t how to work it.

Help!

Reply

Raziya says:

February 1, 2021 at 12:35 am

nice guide. got the info, what im looking for.

Reply

John Perry says:

February 3, 2021 at 10:40 am

I’ve done all I want, almost…(I worked out the rightside by using tables).

Something like file explorer but with my photos across the world.

I insert one (one of a number of pages) into the right side. On its own it’s fine, but inside an iframe, it does allow js. OK with variable but not OK with fumctions. I guess this tweaking some kind of attribute I need to use, but I can’t hack it.
Help
—–

All I have to do after that is visibility:collapse

And add or the places I travelled – mostly China / SE Asiia; and Europe. About 50000 photos, only about 1000 for this album.

Reply

Sonu says:

April 27, 2021 at 3:38 am

it helped us a lot

Reply

Anna says:

August 24, 2021 at 1:52 pm

How can I stop the refresh of iframe on button click or opening a pop up?

Reply

Asaf says:

November 10, 2021 at 6:18 am

Great overview!

Regarding security – please note that it’s considered unsecure to specify the origin domain as a wildcard (*) in your example – postMessage(‘message’, ‘*’).
It’s best to be specific about the domains used for communications to prevent unwanted information discolusre/XSS attacks.

I wrote a library that simplify communication between frames – it’s called iFramily ( https://github.com/EkoLabs/iframily).
Basically it has a simpler API than postMessage, which includes Promise-based responses, message queuing, and managing the connection until both frames are ready to talk. It also takes a responsible approach to security…

Would love to hear your thoughts!

Reply

Toto Sgp says:

January 10, 2022 at 7:11 pm

Nice Nada,
lazy load really help.
I use it hundreds of times for images, It also works for iframe. LoL

Reply

Gauri says:

April 13, 2022 at 10:05 pm

I am planning to embed a third party survey url as a source to my modal window iframe. I want the user to take that survey only once and want to prevent view source or inspect element to show up the src somehow. Or at least want to make it obscure and unreadable. I tried setting it via JavaScript and I obfuscated the js setting this src but still after load of the iframe, src is viewable in plain text which earlier was set to unknown. Any help in securing the survey link?

Reply

Akmal Ziyad says:

May 16, 2022 at 3:10 am

@Nada Rifki
Is there any way to get the text from click inside iframe.
Explaination: I have an iframe on my page using window.getSelection() i get the selected text, similarly i want to get the selected text from iframe.
Can we do that? if yes how?

Reply

BrightLink says:

May 19, 2022 at 3:49 pm

Chris Coyier snippet is a really a good one, the white flash is not there any more.
Thanks

Reply

Dani says:

July 3, 2022 at 10:13 am

Nice. Addressing accessibility concerns that are caused by iframes would be a valuable addition.

Reply

sanjay says:

May 17, 2023 at 7:09 am

I found your article when searching for a solution to deal with my use case. Thank you for what I hope will be the solution!

Reply

manu says:

July 19, 2023 at 12:22 am

After adding iframe the website speed shows slow. How can i optimize the iframe?

Reply

Nicolas says:

October 16, 2023 at 3:51 am

Hello, i want to open a link in two iframes. how its possible ?

Reply

Malayalam says:

November 16, 2023 at 4:33 am

This guide was very helpful for me

Reply

lang qiu says:

January 2, 2024 at 4:12 am

I have tried https://github.com/EkoLabs/iframily and https://github.com/SpringRoll/Bellhop. Finally I choose Bellhop over iframily

Reply