Sorry but this is not an accurate analysis of the “weight” of the individual products. The weights that you are showing is the weight of how they were designed and what other stacks were used. If we really want to split hairs, here is how I would do that test…
I exported 100% blank pages with both themes. Then measure the sizes…
Size of the entire export
- Foundation - 1.7MB (uncompressed)
- Foundry - 1.6MB (uncompressed)
These sizes are pretty much the same. Foundation is ~100KB heavier. However, when your web server gzips this data down to the browser, the difference is negligible. I should note that these numbers for both themes are inflated. These sizes are the size of the exported site. This includes all of the font awesome files that both these products use. This means that not all that data sent to the browser.
Size of the individual page html/css/js (basically, no theme files)
- Foundation - 66KB (uncompressed)
- Foundry - 111KB (uncompressed)
Almost all of Foundation’s stacks contain zero CSS and JS. The theme loads all of it. Therefore, the clients browser caches all of that when they visit the first page. This means that no matter how many Foundation stacks that you add to the page, the weight of the page is going to be super low.
I am sure that Foundry does this as well. But from my experience, the weight of its individual stacks is slightly larger than that of Foundation. This means the more stacks that you have on the page, the larger the page will be.
BUT… as I said before, we are really splitting hairs here. With browser caching and server gzipping, the size differences explained here should never even enter your thoughts in terms of comparison. One extra image on a page will make more of a difference than the size differences talked about here.
Look… If you like Foundry, great! Elixir is a wonderful designer. If you love Foundation, thank you! Who says that you can’t love both? You can surely make great amazing websites with both. Did you see the links mentioned earlier in this thread? Wow…
https://www.easthalldesign.com/letsbuild/starwars/
https://www.easthalldesign.com/letsbuild/apple/
The major differences that I see between Foundation and Foundry is the same difference between most of the stacks that I release compared to Elixir. Elixir’s stacks are wonderfully designed with many customizations. My stacks tend to let you color outside of the lines a bit more so that you can have as much control as possible of the design. Depending on who you are, you could see either way as a feature. Neither is better. They just exist… It’s great that we have both.