A high performance blog template for the 11ty static site generator.
A starter repository for building a blog with the Eleventy static site generator implementing a wide range of performance best practices.
Based on the awesome eleventy-base-blog.
Click the "Use this template" button. Alternatively you can clone this repo yourself and push your copy to your favorite git repository.
git clone https://github.com/YOUR_REPO
cd my-blog-name
npm install
npm run watch
npm run build
css/main.css
.:root {
--primary: #e7bf60;
--primary-dark: #f9c412;
}
srcset
.picture
element.loading=lazy
).decoding=async
).content-visibility: auto
.display:optional
.googleAnalyticsId
in metadata.json
. (Note, that this is not compatible with the not-yet-commonly used version 4 of Google Analytics.)git push
.navigator.share()
and falling back to Twitter. Using OS-like share-icon.Generates a strong Content-Security-Policy (CSP) for the base template.
.persistimages.sh
helps with this.This is not an officially supported Google product, but rather Malte's private best-effort open-source project.