Get 100 scores on Google Lighthouse by default. Hyas removes unused css, prefetches links, and lazy loads images.

Google Lighthouse Scan Results Hyas

See also Google Lighthouse: Scan Results for

Unused CSS removal


const autoprefixer = require('autoprefixer');
const purgecss = require('@fullhuman/postcss-purgecss');
const whitelister = require('purgecss-whitelister');

module.exports = {
  plugins: [
      content: [
      safelist: [
          // './assets/scss/components/_buttons.scss',
          // './assets/scss/components/_syntax.scss',

See also the PurgeCSS docs: Configuration, and the Purgecss Whitelister Readme.

Asset minification

Hyas uses Hugo to minify CSS, JS and HTML.

Hyas uses Quicklink with default settings for link prefetching. By default, Quicklink will automatically prefetch URLs for links that are in-viewport during idle time.

See also the Quicklink website.

Lazy loading images

Hyas uses lazysizes with a Low Quality Image Placeholder (LQIP) to lazyload images added with Markdown. The LQIP is blurred with a CSS filter.

See also the lazysizes Readme

Edit this page on GitHub