Skip to main content

27 posts in 'Performance'

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.

Categories: How to...PaginationPerformance

Thirteenth place on Eleventy Leaderboards

My site got to thirteenth place on Eleventy Leaderboards with perfect Lighthouse scores.

Categories: How to...Performance

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

I have a Problem with Build Times

Chris McLeod is a software developer with over 20 years of experience. Sometimes he writes about it.

Categories: ImagesPerformance

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

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?

Categories: How to...PerformanceWebC

Inexactly benchmarking Eleventy vs Astro build times

The Eames Institute team is checking out some frameworks and static site generators for a project, and I wanted to see how Eleventy and Astro compare in

Categories: Performance

Slashing by caching

I've reduced the build time for the 11ty Bundle site from 30 seconds to 10 seconds. Here's how.

Categories: FiltersHow to...Performance

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.

Categories: ConfigurationGetting StartedPerformance

Performance Tales, Part 1: Why So Performant?

High school student and open source developer.

Categories: Performance

Track and display uptime of your blog

This article is about: How you can track and display the uptime of your eleventy-page using Uptime Kuma

Categories: DeploymentHow to...PerformanceRemote Data

Super fast responsive image loading in Eleventy

Automatically optimise and serve images by type and size in Eleventy.

Categories: How to...ImagesPerformancePlugins

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.

Categories: ConfigurationHow to...Performance

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.

Categories: ImagesPerformancePlugins

Measure your website's performance with Speedlify

Zach Leatherman told me, I could add Lighthouse scores to my site's footer. And so I did.

Categories: Performance

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.

Categories: PerformanceHow to...

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.

Categories: PerformanceWhy Eleventy?

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.

Categories: Performance

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.

Some Options for Timing Pages in Eleventy

Some experiments timing slow pages with Eleventy

Categories: PerformanceHow to...Debugging

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.

Categories: Performance

Eleventy Progressive Web App

Catching the Eleventy Lighthouse obsession bug!

Categories: PerformanceHow to...

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.

Categories: PerformanceHow 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.

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...

Categories: BloggingPerformance

Chasing 100: tips for optimizing your website

It takes work, but making your website better is worth it.

Categories: Performance

Eleventy's New Performance Leaderboard

A post by Zach Leatherman (zachleat)

Categories: Performance

Get the blog by email (or RSS)

Powered by Buttondown