Performance 55 posts
Category: PERFORMANCE (55 posts)
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โฆ
By Martin Hรคhnel (14 posts)
My portfolio
Prototyped in Penpot, bought to life with 11ty! My portfolio is WCAG AA compliant, scores 100 on Google PageSpeed insights and weighs under 90kb.
By Jessie Heald (1 post)
Eleventy Launch
As I discussed previously, Iโve been rewriting this blog in a new tool called 11ty (aka Eleventy - the projectโs devs arenโt consistent so I wonโt be either). This is the first blog post written in the new blog engine, and the migration is complete!
By Ash Furrow (2 posts)
11ty Hacks for Fun and Performance
Alex Russell on browsers, standards, and the process of progress.
By Alex Russell (1 post)
How We Built Web Awesome with 11ty (and Why Itโs So Fast) on Podcast Awesome
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.
By Matt Hobbs (7 posts)
Troubleshooting Eleventy Long Build Time
I notice my build times were getting longer but no real changes were made
By Clayton Errington (19 posts)
One weird trick to reduce Eleventy Image Build Times by 60%
Using HTMX boosted links in my 11ty website
Boosting links is a powerful technique that makes the navigation between pages of a statically generated website smoother.
By Rigotti (1 post)
How To Use eleventy-img (To Optmize Images In Eleventy) With Caching (To Keep Build Times Low) On Cloudflare Pages (Which Can't Cache Optimize Images Out Of The Box)
The Problem Cloudflare offers build caching for static site generators like Eleventy . Both are powering this blog. Great.โฆ
By Martin Hรคhnel (14 posts)
We migrated our site to Eleventy and increased performance by 24%
How choosing the right tool for the job led to faster load times and fewer dependencies.
By Dan Webb (1 post)
Migrating WordPress To Eleventy
Software engineering leader and occasional side project hacker.
By Brian Cantoni (6 posts)
Why I Don't Use Wordpress
I don't use WordPress. Instead, I build faster, simpler, more reliable websites with Jamstack tools like 11ty, Pages CMS and Netlify โ and here's why.
By Ryan Gittings (4 posts)
How I migrated from WordPress to Eleventy
Hey there! Iโm Elwin, a design-oriented frontend engineer and hobbyist artist who loves building for the web and making things with my hands.
By Elwin van Eede (1 post)
Check the speedometer on the brand new Blog Awesome (now with 11ty)
News and information from Font Awesome โ the internetโs favorite icon set; mixed with musings and nerdery from the team behind it.
By Zach Leatherman (55 posts)
Moving to Eleventy
Crazy Mac lady. Mac author & developer. Lover of Apple computers and devices. Swift & SwiftUI enthusiast. Unofficial Mac app dev evangelist
By Sarah Reichelt (1 post)
Eleventy's Image Plugin Disk Caching Approach For HTML Transform Method
In this guide, I'll walk you through an approach of utilizing disk cache while using the HTML transform method of the eleventy image plugin. Disk cache is a persistent cache which allows you to not re-optimize every single image at every single build. However, there are some caveats which I ran
By Murtuzaali Surti (5 posts)
How I Built Shopify Theme Vitals using 11ty and CrUX
Building a site that shows real-user web performance data by Shopify theme using HTTP Archive, the Chrome User Experience Report, BigQuery, Node, and 11ty
By Sia Karamalegos (13 posts)
Eleventy version 3: Just how fast can a website be?
Upgrading to eleventy version 3 offered the opportunity to rethink some things, and dive into how to get a website to load super fast. Lighthouse is now reporting one hundred across all four categories.
By Mark Pitblado (1 post)
Building a seasonal veg app with Eleventy. Part 3 - Deploy with Netlify
Now that the basics of the app is done, its time to deploy. I felt like I had 3 choices: Github pages, Netlify or Vercel. All offer free services and al...
By Yasmin (5 posts)
The Speed Trifecta: 11ty, Brotli 11, and CSS Fingerprinting
In this post I bring two previous blog posts together to create the perfect CSS setup for my little blog.
By Matt Hobbs (7 posts)
Rewriting My Astro Blog with Eleventy
hi there! please enjoy my blog of things i think are interesting
By Melanie Kat (2 posts)
Cranking Brotli up to 11 with Cloudflare Pro and 11ty
In this post I investigate how you can use a mixture of dynamic and static Brotli compression with the Cloudflare Pro plan, for optimal web performance.
By Matt Hobbs (7 posts)
2024
Prairie Rose Arena - Project Notes
Improving page load times with pagination in Eleventy
This is probably a very obvious one for everyone; the less content on the page, the quicker it will load.
By Thomas Rigby (8 posts)
Fixing a typo shaved 4 minutes off my Netlify build time
Thirteenth place on Eleventy Leaderboards
My site got to thirteenth place on Eleventy Leaderboards with perfect Lighthouse scores.
By Silvestar Bistroviฤ (3 posts)
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!
By Chris Burnell (8 posts)
I have a Problem with Build Times
Chris McLeod is a software developer with over 20 years of experience. Sometimes he writes about it.
By Chris McLeod (7 posts)
Using an Eleventy event to optimize component JavaScrip
I've added a small event to optimize web component JavaScript when my site builds.
By Cory Dransfeldt (46 posts)
Unveiling the Marvels of 11ty's WebC
Are you ready to dive deep into the world of web development and discover a game-changing tool that will revolutionise the way you build websites?
By Ryan Gittings (4 posts)
Slashing by caching
I've reduced the build time for the 11ty Bundle site from 30 seconds to 10 seconds. Here's how.
By Bob Monsour (20 posts)
Mastering Eleventy Folder Structures: From Default Setups to Real-World Best Practices
Explore the essentials of Eleventy's folder structure in this guide, perfect for optimizing your project's efficiency and scalability. Learn from basic setups to advanced custom structures, ensuring your 11ty site is perfectly organized for peak performance.
By S. Amir Mohammad Najafi (1 post)
Performance Tales, Part 1: Why So Performant?
Ramblings about software development, privacy, and whatever happens to strike my fancy.
By Ryan Cao (3 posts)
Super fast responsive image loading in Eleventy
Automatically optimise and serve images by type and size in Eleventy.
By Eystein Mack Alnaes (2 posts)
Minifying and compressing text files to reduce load
I am continuing to catch up with the technical basics for a modernโday website. This time I add minification and compression to my 11ty build and the Caddy configuration.
By Tobias Fedder (7 posts)
2023
Automatically optimize your images with Eleventy Image and CloudCannon
Websites are becoming increasingly visual and we're adding more and more image content to our sites โ but these images need to be optimized.
By Zach Leatherman (55 posts)
11ty Postcss Integration Optimized
I'm equilibriumuk, a software engineer. I write about programming & computer related topics
By equilibriumuk (19 posts)
Removing Luxon From Eleventy
I'm equilibriumuk, a software engineer. I write about programming & computer related topics
By equilibriumuk (19 posts)
Optimizing for performance with Eleventy
In the interest of over-engineering my personal site I've gone out of my way to optimize it for performance.
By Cory Dransfeldt (46 posts)
The Need for Speed: Why Eleventy Leaves Bundlers Behind
Static site generator Eleventy recently released version 2.0, which includes support for web component files and a new dev server.
By Loraine Lawson (1 post)
How Jampack optimizes our Eleventy website and improves performance
Jampack is a post-processing tool that takes the output of any static site generator and optimizes it for user experience.
By David Large (4 posts)
CloudCannon
CloudCannon.com officially switched our website over to build with Eleventy, and the results with this static site generator have been amazing.
By David Large (4 posts)
2022
Some Options for Timing Pages in Eleventy
How I Doubled My Lighthouse Performance Score in One Night
I spent some time seeing if I could get my Lighthouse performance score up. Hereโs how I fared.
By Ben Myers (6 posts)
Eleventy Progressive Web App
Show off your Lighthouse scores as static HTML in Eleventy with the PageSpeed Insights API
The Eleventy community is often focused on performance in a way that you don't tend to see with other... Tagged with eleventy, 11ty, lighthouse, performance.
By Phil Wolstenholme (1 post)
2020
A high-performance blog template for 11ty
I'm excited to announce the beta-release of eleventy-high-performance-blogโa high-performance blog template for 11ty based on this very...
By Malte Ubl (2 posts)
