Asset Pipelines 37 posts
2026
Styles in Eleventy (Again)
A technical walkthrough on how I heavily optimized (and some would argue over-engineered) the CSS loading path on this Eleventy website.
Kitty Giraudel (16)
Feature Toggles with Eleventy
A short technical walkthrough on setting up feature toggles in Eleventy.
Kitty Giraudel (16)
Building brennan.day Part Two: IndieWeb, New Features, and Three Months of Iterations
What have I added to my site since I started in December? Quality-of-life improvements, new pages, interesting features, and of course, easter eggs! When you add a little each day, it really adds up.
Precompressed HTML at the Edge: Eleventy Meets Cloudflare Workers
In this post, I will show you how I integrate Brotli level 11 compression directly into my 11ty build process to squeeze every possible byte out of my blog’s HTML.
Matt Hobbs (8)
Simple themeing strategies for simple websites
Been having some fun with website themes lately, here's a detailed blog post of how I manage them
Grigor Malo (3)
Cache-busting that CSS & JS
On not minifying CSS & JS (part 2)
Minify those CSS & JS bundles? Maybe not.
Syndicating posts to mastodon via the gitlab pipeline
2025
My New On-Demand Image Resizing Pipeline for Eleventy
Don't get me wrong: I love using Eleventy . I am benefiting so much of its little and big conveniences and generally agree…
Martin Hähnel (14)
Font Subsetting in Eleventy
eleventy-plugin-font-subsetting works fine but its configuration is finicky.
Shiv J.M. (13)
Asset fingerprinting and the preload response header in 11ty
I’ll be building on my earlier post about CSS asset fingerprinting, this time adding the preload response header into the mix. Together, these techniques make sure your browser grabs my blog’s CSS right away, keeping things fast and seamless.
Matt Hobbs (8)
Conditional favicon in Eleventy using passthrough copy
Never mix up dev and prod again! (due to identical icons, at least)
Building This Website with Eleventy and Bulma
A look at the tech stack and decisions behind building my personal website using modern, simple tools.
Cache-Busting Assets in Eleventy
Generate a sourcemap and add it to Eleventy’s global data.
2024
Organizing NPM Build Scripts
I recently took an existing codebase and ported it over to Eleventy. The main purpose was to recreate the website with existing markdown files and CSS. Creating the collections and templates was the bulk of the work, but I also needed the CSS to work.
Trevor Morris (8)
Getting started with Eleventy
The missing getting-started guide for the Eleventy (11ty) static-site generator.
Sean McPherson (3)
How I shaved 1.5 minutes off my Eleventy build time
I had a revelation earlier today that solved a long-standing performance issue I’ve been having with the initial build of my Eleventy website, and here’s how it saved me a bunch of time!
Chris Burnell (8)
Using an Eleventy event to optimize component JavaScrip
I've added a small event to optimize web component JavaScript when my site builds.
Cory Dransfeldt (46)
@fec/eleventy-plugin-asset-pipeline: Better Cache Busting with Eleventy
I have created an Eleventy plugin to easily implement cache busting and asset handling.
2023
Migrating from WordPress to Eleventy (part 3)
Delaying asset requests in Eleventy
Simulate slow connections on your Eleventy website using dev server middleware.
Darek Kay (5)
Compiling CSS with Eleventy
A Future of Themes with CSS Container Style Queries
One way to implement themes on a website with style queries.
CloudCannon
CloudCannon.com officially switched our website over to build with Eleventy, and the results with this static site generator have been amazing.
David Large (5)
Font Subsetting with Eleventy.js
Combining 11ty Static Site Generator with ASP.NET Core
Combining 11ty Static Site Generator with ASP.NET Core for maximum awesomeness.
Khalid Abuhakmeh (4)
External Asset Pipeline with Eleventy
I like to use NPM scripts for my asset pipeline instead of using Eleventy to generate assets and orchestrate everything. The latest release of Eleventy Dev Server makes that approach both easy to implement and quite performant.
Jérôme Coupé (10)
2022
Eleventy asset pipeline: precompiled assets without Gulp
Precompiled Sass and JS files that become part of the source folder.
Eleventy within Eleventy to compile when you compile: precompiling reused assets
Pre-compile some reused assets to avoid repeating the same operation.
2021
Bundle JavaScript with Eleventy and esbuild
How to add JavaScript and bundle it together for an Eleventy project plus integration with the development server for automatic reloading.
Rob Anderson (5)
Asset Pipelines in Eleventy
While some SSGs have a standardized way of handling assets, Eleventy does not. That's a good thing! Here are a few possible approaches you can take.
Max Böck (8)
Let's Learn Eleventy (11ty) - How to make a JavaScript bundle
In the fifth part of the Let't Learn Eleventy series, we'll learn how handle JavaScript
Rares Portan (5)
2020
Asset Pipelines in Eleventy
This is a clever trick (probably too clever) for setting up Eleventy to manage asset pipelines like SCSS and JavaScript transformations, as well as using hashes in filenames for cache busting.
Evan Sheehan (8)