Eleventy 中文文档

Menu

Eleventy 的性能

Eleventy 的知名度来自：一是内核轻量，安装/构建都很快；再是输出的网站速度快！

网站性能 Jump to heading

Eleventy 允许你完全控制输出的内容。也就意味着，默认情况下，我们不打包输出任何降低性能的 JavaScript 运行时！

Have a look at our new Partial Hydration <is-land> component!

Eleventy 排行榜上列出的所有网站基本上每个月都会进行测试和排名，作为一个有趣的社区活动，以促进 Eleventy 网站的性能。

想把你的网站添加到排行榜吗？

Looking for guidance on single page applications (SPA)?

编译性能 Jump to heading

Eleventy offers best-in-class build performance for JavaScript site generators.

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

Data taken from Which Generator Builds Markdown the Fastest? (July 2022).

Performance Tips Jump to heading

你可以通过调试模式来分析项目的某个特定的编译性能。
Directory Output 插件还可以报告每个模板的性能以及文件大小方面的信息。
Take passthrough copy out of your build-loop with the Eleventy Dev Server.
Use --incremental for Incremental builds.

Installation Performance 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	============================================ 🏁

Data taken from The JavaScript Site Generator Review, 2023 (February 2023).

Other pages in Overview: