DLAN ARAPS

JEKYLL TRICKS

1. Minify HTML without a plugin.

Github Pages doesn’t allow you to customize the build process so there’s no access to custom Jekyll Plugins. There is however a way to minify HTML without using a Jekyll Plugin.

Instead you use a custom layout file that minifies HTML using pure Liquid. Download the custom layout file, pop it in your _layouts directory and add layout: compress to your existing layout files to enable it.

Get the custom file or See how it’s used.

2. Inline all of your SCSS/CSS.

If your website is as minimal as mine and only requires a small amount of css, you can easily inline the entire file saving a request on page load.

Move your SCSS file to the _includes folder and inside your <head> include file add the following:

{% capture styles  %}{% include main.scss %}{% endcapture %}
<style>{{styles | scssify}}</style>

Scssify obeys your Sass settings so it will also compress the styles if enabled.

3. Leverage Cloudflare

Cloudflare + Github Pages is a match made in heaven. Using the free tier from both gets you https (even with custom domains), a worldwide cdn, content caching, no cost ad-free hosting nothin’ and more.

It makes no sense not to be using the two together.