[Hugo] サイトパフォーマンス改善のために試したこと

スタイルの先読みや非同期化

使っているテーマのスタイルの読み込み部分の書き換え。

1
2
3
4
5
<link rel="stylesheet" />
<link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" /> # patern 1

<link rel="stylesheet" media="print" onload="this.media='all'" /> # pattern 2

本来上記はパフォーマンス改善に寄与するはずだが自分の環境だとどちらも大きな改善がなく、場合によっては悪化した。 preloadに関してはonloadのおまじないを書かないとそもそも動かなかった。

ref

Built with Hugo
テーマ StackJimmy によって設計されています。