Contents tagged “Eleventy”
Eleventy (aka "11ty") is the great Node.js based Static Site Generator I use to build this site.
There are 33 contents with this tag:
Nicolas Goutay wrote
In my previous article Enhancing archives navigation, step 1, I promised further archives navigation enhancements. Here they are!
I decided years ago to remove paged navigation (aka "pagination"), because I find it not user friendly at all, and a nightmare for SEO with new content pushing one tenth of contents to another page (for a 10 items per page pagination). Now, I improved the UX even further.
I may have created a new plugin for #Eleventy… 😅
If you use Nunjucks layouts and want an easy way to build internal links between your contents, this might help you:
Each step of
eleventy-plugin-images-responsiver tutorial is both a README and a small Eleventy site with the plugin and progressively improving configuration and usage… 😎
I'm quite happy with this nice and simple collection of complementary tools that help me maintain my pet projects on #GitHub:
Zach Leatherman wrote
If you don't have any budget for Dareboost (or competitors) yet, Speedlify can help you monitor your site's performance for free, and build your performance strategy to justify using even better tools:
New project: Speedlify 🐇
A self-hosted dashboard to continuously measure and publish web site performance statistics using Lighthouse and Axe.
It took me just a few minutes to built my dashboard for multiple sites:
Trying to write documentation for my #Eleventy plugin as runable examples… not so easy, but I think it's worth the effort!
I guess (without proof) #Eleventy builds including assets bundling/minifying could be accelerated with memoization.
Did this for the slugify filter (I use @sindresorhus's one instead of the default) called multiple times with the same string:
images-responsiveris a simple solution for most responsive images needs
Is it catchy enough? 😁
Here's my latest pet project, trying to help people struggling with responsive images: https://nhoizey.github.io/images-responsiver/
If you use #Eleventy, there's also a plugin: https://github.com/nhoizey/eleventy-plugin-images-responsiver
Documentation is still a little rough around the edges, but should be enough at least for people already knowing npm and JS.
Bryan L. Robinson wrote
This is an excellent writeup of the different paths Bryan went to optimize the performance of his site built with Eleventy. I will definitely look for inspiration in this code.
My #Eleventy build time is now down to 37 seconds on average! 💪
A few external data fetches, 1087 HTML pages generated, 1608 simple images
<img src…> automatically transformed into responsive
<img srcset… sizes…>…
Zach Leatherman wrote
Eleventy doesn’t do any special optimizations out of the box to make your sites fast. It doesn’t protect you from making a slow site. But importantly it also doesn’t add anything extra either. This sort of developer empowerment over the final product has seemed to attract an amazing group of performance oriented developers using the project and I am so grateful to every one of you.
See all tags.