Eleventy Performance
Eleventy is known for both its lightweight core in the form of speedy installs/builds and lightweight site output in the form of speedy sites!
Site Performance Jump to heading
Eleventy allows you full control over the output. That also means that by-default we do not include any costly runtime JavaScript bundles that often hamper site performance!
<is-land> component!Sites listed on the Eleventy Leaderboards are tested and ranked (approximately) monthly as a fun community way to maintain speedy site performance for Eleventy sites.
- Want to add your site to the Leaderboards?
Looking for guidance on single page applications (SPA)?
Build Performance 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
- You can analyze your project’s specific build performance metrics using Debug Mode.
- The Directory Output plugin will also report per-template performance and file size information.
- Take passthrough copy out of your build-loop with the Eleventy Dev Server.
Installation Performance Jump to heading
| Tool | node_Weight |
npm installTime |
|
|---|---|---|---|
| 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).
