5000164 is here

高速化のために Hugo で CSS を HTML に埋め込む

Published 2017.11.20 by 菅原 浩

速い is 正義

CSS は HTML に埋め込んだ方が速いらしい。
では Hugo でどうやってそれを実現するのか。
partial を使えばできそうだと思ってぐぐったらあった。

これに従って下記のように修正する。

1
<style type="text/css">{{ partial "css/main.css" . | print | safeCSS }}{{ partial "css/monokai.css" . | print | safeCSS }}</style>

これでできた。
コードはここ。

Minify はまだできてない

簡単にやる方法あるのかな。

2018.1.20 追記

CSS の Minify は YUI Compressor と WebStorm の File Watcher を使って実現した。

2018.8.18 追記

Hugo が minify に対応した。