Multiple applications on a single webpage

I had an example of this approach live on our company site until recently. My approach was a little different than yours. I was using a blank Verge app to load up the desired app upon user interaction. That way when the page loaded the user was only presented with a series of thumbnails rather than multiple apps. I was trying to replicate the functionality of Sketchfab. I like your idea of disabling rendering, but I never took it that far. I’m curious to hear how others have handled similar projects.

Edit: Just reread your question. I’m wondering if you actually disabled rendering (with the “disable rendering” puzzle) when you exit an iFrame would that solve your performance issue?

I don’t have any experience with Wix, but I am tied to our internal CMS system which is very limiting. I remember having to jump through hoops to even get the functionality I was able to get. Glad to hear that you found a solution that works for you!

Just throwing in an opinion. If this was a professional site…I would just say “hell no” to an iframe. But since this is a personal portfolio site…I say “maybe”. If your portfolio site is to only highlight your artwork and not your overall knowledge of web development and or verge development then the answer to how many iframes….. a few hundred thousand is about the max. Realistically, your webserver will crash out long before you get to maximum iframe capability. Also note not all browsers will support more than a handful before they themselves crash.
But…since this is a personal project you can most definately do it that way.

As already suggested Brandon, the most streamlined approach would be to create grid using HTML/CSS or using the latest Vegere beta and create thumbnails of the 3d models. Then on hover, load the content in…just like Sketchfab. There is obviously a maximum number of loads that can occur…but if your models are small enough you should have plenty of room before you hit the 50MB limit for most browsers.

This approach will give you the best performance. The models are loaded only on demand and you could create an unload routine after a specified amount of memory is consumed to maintain performance.

Using iframes… all your content will load…regardless of whether its rendered or not so you don’t have control to manage memory issues. The model and player will still load into memory.

Just my two cents.