Eleventy 的性能
Eleventy 的知名度来自:一是内核轻量,安装/构建都很快;再是输出的网站速度快!
网站性能
Eleventy 允许你完全控制输出的内容。也就意味着,默认情况下,我们不打包输出任何降低性能的 JavaScript 运行时!
Have a look at our new Partial Hydration
<is-land>
component!Eleventy 排行榜 上列出的所有网站基本上每个月都会进行测试和排名,作为一个有趣的社区活动,以促进 Eleventy 网站的性能。
- 想 把你的网站添加到排行榜 吗?
Looking for guidance on single page applications (SPA)?
编译性能
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
- 你可以 通过调试模式来分析项目的某个特定的编译性能。
- Directory Output 插件 还可以报告每个模板的性能以及文件大小方面的信息。
- Take passthrough copy out of your build-loop with the Eleventy Dev Server.
- Use
--incremental
for Incremental builds.
Installation Performance
Tool | node_ 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).