foundation 更轻量，未启用额外组件且用默认配置时css比bootstrap小15%–30%；其js按需加载，核心仅25kb，而bootstrap bundle达70–75kb；两者均支持sass定制，但foundation模块开关更细粒度。
Foundation 更轻量，尤其在未启用额外组件、未加载 JavaScript 插件、且使用默认构建配置时，其 CSS 文件体积通常比 Bootstrap 小 15%–30%。
看 dist 目录下的实际文件大小
以当前主流版本（Bootstrap 5.3.x 与 Foundation 6.7.x / 或 ZURB 的替代方案 Foundation Sites）为例：
-
bootstrap.min.css通常为 160–180 KB（含所有组件、表单、工具类） -
foundation.min.css默认仅含网格、排版、基础工具类时约 90–110 KB；若启用全部 UI 组件（如accordion、dropdown），会接近 140 KB，但仍低于 Bootstrap 全量包 - 两者都支持 Sass 源码定制，但 Foundation 的
_settings.scss对每个组件开关更细粒度，删掉不用的模块后压缩效果更明显
JavaScript 部分差异更大
Foundation 的 JS 插件是按需加载的，而 Bootstrap 的 bootstrap.bundle.min.js 默认打包了 Popper + 所有交互组件（modal、tooltip、dropdown 等）：
-
bootstrap.bundle.min.js≈ 70–75 KB -
foundation.min.js（仅核心）≈ 25 KB；单独引入foundation.accordion.js这类插件时，单个文件多在 2–5 KB - 如果你只用网格和按钮，Foundation 可以完全不加载 JS；Bootstrap 却仍需引入 bundle（否则
data-bs-toggle类行为失效）
容易被忽略的“轻量陷阱”
所谓“轻量”不等于“更快”，实际加载表现还取决于你如何用：
- Bootstrap 的工具类（如
mt-3、d-flex）写得多，HTML 体积会上升，gzip 后影响不大，但可读性和维护成本升高 - Foundation 默认不提供原子类，鼓励语义化 class（如
button primary），但若项目后期补一堆自定义 utility class，反而可能变重 - 两者都依赖 Autoprefixer，但 Foundation 的 Sass 输出更倾向保留原始结构，部分旧版构建工具下 CSS 压缩率略低
真正决定轻重的不是框架名字，是你删掉了什么、加载了哪些、有没有用 purgecss 或构建时 tree-shaking。如果只图省事全量引入，Bootstrap 的“开箱即用”反而更容易失控；Foundation 则要求你一开始就得想清楚要什么。
