Bootstrapのパフォーマンス向上方法を教えてください

Question

BootstrapをStackpathのCDNで読み込んで利用するwebサイトを開発しています。
しかし、Google Lighthouseでパフォーマンス測定を行うと、BootstrapのCSSがパフォーマンスを著しく低下させていることがわかりました。Bootstrapの読み込みの待ち時間が、レンダリングを遅らせているようです。

CSSの全体の3%ほどしか使用していないため、不要なコードを削除して自前CDNに載せることでパフォーマンス向上を図ろうと考えています。皆様はこういうときどのようにされているでしょうか？不要部分を削除してくれるgemとかがあれば楽なのですが、見当たりませんでした。
ご意見、ご指導お願いします。

Answer 1

bootstrapの利用を止めます

Comments

[LennonJohn]

ご回答ありがとうございます！
不要部分を削除するとかではなく、1から自分で書くということですかね？

[winterboum]

「３％しか使っていない」ということがわかる方ですから、その方が早いと思います。

[LennonJohn]

なるほど。ありがとうございます。
正直グリッドシステムを自分でパッパと実装する自信はないのですが、ちょっと調べてスクラッチも検討してみます。
ありがとうございました！

[winterboum]

レスポンシブにするのですか？

[LennonJohn]

はい。主にレスポンシブ対応するために、Bootstrapを導入しました。
その上で、Chromeの開発者モードでみると、全体の3%しか使ってない状況です。

[winterboum]

あ〜〜〜〜〜
だとゼロベースは大変かも
すると、
bootstrapを取り込んで、turbolinksにお願いしするほうがよいかも。

[LennonJohn]

なるほど。その手がありましたか。
返信遅くなってすみません。ベストアンサーとさせて頂きます！