Skip to main content

18 posts in 'Asset Pipelines'

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!

Categories: Asset PipelinesHow to...PerformancePlugins

Using an Eleventy event to optimize component JavaScrip

I've added a small event to optimize web component JavaScript when my site builds.

Categories: Asset PipelinesHow to...Performance

@fec/eleventy-plugin-asset-pipeline: Better Cache Busting with Eleventy

I have created an Eleventy plugin to easily implement cache busting and asset handling.

Categories: Asset PipelinesHow to...Plugins

11ty Quick Tip: Minify inline JavaScript in WebC

For when you need to minify your WebC JavaScript

Categories: Asset PipelinesHow to...WebC

Delaying asset requests in Eleventy

Simulate slow connections on your Eleventy website using dev server middleware.

Categories: Asset PipelinesHow to...

Compiling CSS with Eleventy

A list of different options for compiling CSS with Eleventy

Categories: CSS/SassAsset Pipelines

A Future of Themes with CSS Container Style Queries

One way to implement themes on a website with style queries

Categories: CSS/SassAsset Pipelines

Font Subsetting with Eleventy.js

Blog and general digital garden of the full stack programmer Simon Dann.

Categories: Asset PipelinesConfigurationHow to...Plugins

Combining 11ty Static Site Generator with ASP.NET Core

Combining 11ty Static Site Generator with ASP.NET Core for maximum awesomeness.

Categories: Asset PipelinesConfiguration

CAUTION

The posts below were published before the release of Eleventy v2.0.0 (Feb 8, 2023). Information in these posts may be out of date. The current stable release is 2.0.1. Eleventy v3.0 is currently under development and available for testing.

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.

Categories: Asset PipelinesConfiguration

Eleventy asset pipeline: precompiled assets without Gulp

Precompiled Sass and JS files that become part of the source folder.

Categories: Asset PipelinesHow to...

Eleventy within Eleventy to compile when you compile: precompiling reused assets

Pre-compile some reused assets to avoid repeating the same operation.

Categories: Asset PipelinesHow to...

CAUTION

The posts below were published before the release of Eleventy v1.0.0 (Jan 9, 2022). Information in these posts may be out of date. The current stable release is 2.0.1. Eleventy v3.0 is currently under development and available for testing.

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.

Categories: Asset Pipelines

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

Categories: Asset PipelinesHow to...

Asset Pipelines in Eleventy

I design and build websites, web applications, and data visualizations. I’ve been known to play fiddle from time to time and board games.

Categories: How to...CSS/SassAsset Pipelines

2024 redesign

Some notes about this 2024 redesign.

Categories: Asset PipelinesHow to...Plugins

Get the blog by email (or RSS)

Powered by Buttondown