Eleventy Performance

Eleventy 以其轻量级核心而闻名，表现为快速的安装/构建，轻量级站点输出表现为快速站点！

站点性能 Jump to heading #

Eleventy 允许你完全控制输出。这也意味着我们默认不包括任何通常会妨碍站点性能的昂贵的运行时 JavaScript 捆绑包！

Eleventy 排行榜 上列出的站点每月都会进行测试和排名（大约每月一次），作为社区的一种有趣方式来维护 Eleventy 站点的快速站点性能。

• 想 将你的站点添加到排行榜？

寻找有关 单页应用程序 (SPA) 的指南？

构建性能 Jump to heading #

Eleventy 为 JavaScript 站点生成器提供了同类最佳的构建性能。

Name	Building ×4000 Markdown Files
Hugo	0.68s	= 🏁
Eleventy	1.93s	== 🏁
Astro	22.90s	======================= 🏁
Gatsby	29.05s	============================== 🏁
Next.js	70.65s	======================================================================= 🏁

数据取自 谁的生成器能最快构建 Markdown？（2022 年 7 月）。

性能技巧 Jump to heading #

• 你可以使用 调试模式 来分析你 项目特定的构建性能指标。
• 目录输出插件 还会报告每个模板的性能和文件大小信息。
• 在 Eleventy 开发服务器 中从构建循环中提取 直通复制。
• 为增量构建使用 --incremental。

安装性能 Jump to heading #

Tool	node_modules Weight	npm install Time
Eleventy	34 MB	5.81s	====== 🏁
SvelteKit	111 MB	6.78s	======= 🏁
Next.js	158 MB	3.72s	==== 🏁
Astro	169 MB	12.52s	============= 🏁
Nuxt	164 MB	14.77s	=============== 🏁
Remix	497 MB	40.14s	========================================= 🏁
Gatsby	583 MB	43.36s	============================================ 🏁

数据取自 JavaScript 站点生成器评论，2023（2023 年 2 月）。

---

Other pages in Getting Started:

• Command Line Usage
  • Debug Mode
• Glossary
• Tutorials
• Starter Projects
• Performance
• Programmatic API
• Deployment & Hosting
• Using a CMS