Blog eleventy performance

Thirteenth place on Eleventy Leaderboards

If you run a site on Eleventy, you probably know about Speedlify. It’s a tool for “benchmarking the web performance and accessibility of sites over time.”

Althougth I have my own instance (and you can, too, by following these instructions, too), I've added my site to the Eleventy Leaderboards. I don’t visit it often, so I was surprised that my site is in 13th place (out of 972!). It got the perfect Lighthouse score for performance, accessibility, best practices, and SEO.

Screenshot of Eleventy Leaderboards page with my site highlighted on thirteenth place.

What’s great about Eleventy Leaderboards is that you can see how your site performed over time. My site was around 200th place for a long time. I don’t know what happened since I haven’t performed any optimizations for a long time.

Screenshot of Eleventy Leaderboards scores for silvestar.codes site.

I guess the recent Lighthouse updates are responsible for the perfect score. Whatever the reason, I’m happy to see my site high on this list.

Bonus

If you built a site with Eleventy and Liquid, you can add the following snippet to get the badge on the Eleventy Leaderboards site.

// .eleventy.js
module.exports = (eleventyConfig) => {
  eleventyConfig.addLiquidFilter('generator', () => {
    return `Eleventy ${package.dependencies['@11ty/eleventy'].replace('^', '')}`
  })
}
<!-- head partial -->
<head>
  ...
  <meta name="generator" content="{{ 'generator' | generator }}">
</head>
My latest Last.fm tracks: Talking Heads - Uh-Oh, Love Comes to Town Natali Dizdar - Pored mene Natali Dizdar - Zamijenit ću te gorim Natali Dizdar - Grijeh Natali Dizdar - Ne daj