【Rails】全てのスタイルを読み込む場合と個別に読み込む場合とではどちらが速度が早いでしょうか？

Question

Ruby on Railsの勉強をしている初心者です。
CSSの読み込ませ方について調べても分からないところがあったので、質問させていただきました。

Railsには主に２つの読み込み方、『全てのスタイルシートを読み込む方法』と『指定したスタイルシートを読み込む方法』があるようですが、速度の面でどちらが早いのか疑問に思いました。

そこで３つの質問があります。

• 一度に読み込む方が通信の回数も減って早いのでしょうか？
• それとも、個別に読み込む場合は必要な分のスタイルだけ読み込むので速度が早いのでしょうか？
• また、jsにおいても同様でしょうか？

assets pipelineの仕組みをあまり分かっていないので、このような質問になってしまいました。

どうかご教授願えないでしょうか？よろしくお願いします。

Answer 1

turbolinksを使っているか否かで変わると思います。

使っていない場合は、
ネットの負荷はどちらでも大差なさそうです。一度読んだらその後はキャッシュで賄ってもらえますから。
ブラウザーは都度解釈するので、大きなCSS、JSを読ませるほうが時間は掛かると思います。

使っている場合は、
同じCSSを使っている限り、CSSの読み込み・解釈はしませんから早くなるかと。

Comments

[doyadoya213]

回答ありがとうございます。

turbolinksについて分からなかったので調べたのですが、画面遷移を高速化するためにcssやjsを読み込まないのですね。
今のアプリでは、turbolinkを使っているのでわざわざ個別にCSSを読み込む必要はなさそうです。よってcssは一度に読み込んでしまおうと思います。

勉強になりました、ありがとうございました！