Menu icon Foundation
Need to cut down Foundation as much as possible

Working on a prototype for a fairly large project and I'm considering Foundation. I've had a lot of success with it in the past but even after I cut it down in SCSS to just the features I need it's a bit larger than I'd like.

file sizeperformane

Working on a prototype for a fairly large project and I'm considering Foundation. I've had a lot of success with it in the past but even after I cut it down in SCSS to just the features I need it's a bit larger than I'd like.

Rafi Benkual over 4 years ago

We wrote a lesson on reducing file size that may help here: http://zurb.com/university/lessons/63

You can also minimize the JS files like so by only loading the plugins you need. Remove foundation.min.js (all the core JS) and load in the individual plugins. You'll still need jQuery.
HTML
<script src="/js/vendor/jquery.js"></script>
<script src="/js/foundation.js"></script> <!-- need this core file -->
<!-- individual plugins -->
<script src="/js/foundation.alert.js"></script>
<script src="/js/foundation.dropdown.js"></script>
<script src="/js/foundation.tab.js"></script>

Let us know if this gets you to where you though it would be.