This article is the third in a series about working with iFrames. The first, iframe: A Love Story, describes a brief history of the iframe, and how and why we need them at Bread. The second, part one of this article, describes and analyzes the performance issues that plague iFrames.

•✧─────────────✧¸.•´*¨`*•✿•*`¨*`•.¸✧─────────────✧•

Alternative Load Methods to the Rescue

One of the most powerful tools at our disposal when dealing with frames is the ability to utilize the src and srcdoc attributes to directly inject our markup rather than letting the iFrame handle the network portions of the operation. There are other techniques, like dynamically loading the elements…


This article is the second in a series about working with iFrames. The first, iframe: A Love Story, describes a brief history of the iframe, and how and why we need them at Bread.

•✧─────────────✧¸.•´*¨`*•✿•*`¨*`•.¸✧─────────────✧•

It’s just HTML, who cares about performance?

We previously discussed why our team over here at Bread has no alternative to the iFrame element and all of its quirks. One of the most important of these quirks is ensuring that our frames, and the pages and scripts within them are responsive and available, and crucially, do not degrade the experience of users on the sites of our merchant partners: in short, performance…


John Lee / Bread Finance © (All Rights Reserved)
John Lee / Bread Finance © (All Rights Reserved)

This article is the first in a series about working with iFrames.

Our wonderful team at Bread Finance has built a robust pay-over-time payments platform over the last six years, and our checkout integrations are powered at their core by the inline frame (iFrame) element. Bread’s flexible, convenient, and whitelableable solutions depend on the iFrame to provide security and control, but the iFrame’s many quirks have given many opportunities for the team to develop an expertise around working with them. While modern tooling like the open source Zoid suite from our friends over at PayPal can ease these challenges, our…

Max Rafferty

Very good programmer. https://maxrafferty.com/

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store