Performance

网站性能

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

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

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

Looking for guidance on single page applications (SPA)?

编译性能

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

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

Performance Tips

• You can analyze your project’s specific build performance metrics (via DEBUG or Node.js CPU Profiling).
• Memoize costly Shortcodes and Filters (we typically see the most expensive ones are those performing JavaScript, CSS, or HTML minification)
• Take passthrough copy out of your build-loop with the Eleventy Dev Server.
• Use the Image HTML Transform method to optimize images on-request during development.
• Use --incremental for Incremental builds.
• Use the Directory Output plugin to report per-template performance and file size information.
• Making network requests (to an API) can be expensive! Use the Fetch utility to create a local cache of external network requests (use duration to configure how long the cache should last).

Installation Performance

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