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.
- Use
--incremental
for Incremental builds.
Installation Performance Jump to heading
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).