css - Rails 3.2 で CSS の遅延を回避するにはどうすればよいですか

Question

アップデート

これらの行を追加すると、遅延はなくなりますが、これはベストプラクティスではないようですか?

<link rel="stylesheet" type="text/css" href="assets/static_pages.css">
<link rel="stylesheet" type="text/css" href="assets/dynamic_pages.css">

私の Rails 3.2 アプリのページが読み込まれると、上部のナビゲーションメニューとサブメニュー、およびページのその他の要素が最初に CSS を適用せずに表示され、その後すぐに表示されます。

CSS 圧縮とコンパイル/チャッシングについて聞いたことがあります。それがこれを回避する方法ですか？

私が懸念していることの 1 つは、アセットをコンパイルしてアセットキャッシングを有効にした後、assets/css を変更すると、ユーザーが新しいバージョンを取得できず、アプリの動作が正しく表示されないことです。これについてもコメントいただけますか？

これが私の頭です：

<head>
  <title><%= full_title(yield(:title)) %></title>
  <%= javascript_include_tag "application" %>
  <%= render 'layouts/stylesheets' %>
</head>

ここにレイアウト/_stylesheets.html.erb があります:

<%= stylesheet_link_tag    "application", :media => "all" %>
<%= csrf_meta_tags %>

前もって感謝します。

score 2 · Accepted Answer

Rails とは関係ないかもしれませんが、"Flash of unstyled content" (別名 FOUC) と呼ばれる現象に関係しています。

これがあなたに起こっていることである場合、おそらく HEAD に @import ディレクティブがあるだけです。LINK または SCRIPT タグを追加してみてください。問題が解決するはずです。

1 に答える 1