1

私たちが取り組んでいる新しいリリースのために、Firefox 3.5.x+ の厄介で断続的な FOUC を克服しようとして、ここで私たちのテザーの終わりに達しました。

私たちは試しました:

  • FF で Javascript を無効にする
  • DOCTYPE を削除して Quirks モードのレンダリングを使用する
  • @import追加の CSS から への移行<link>
  • 連結のオンとオフの切り替え
  • 一度に 1 つずつ、concat から CSS ファイルを削除する
  • Firefox でローカル キャッシュをオフにする

以前のリリースでは FOUC の問題はまったく見られなかったので、今回のリリースでこれを行いました。これまでに行った変更は次のとおりです。

  • CSS を介して提供されるすべての装飾画像に対して、データ URI で Base64 でエンコードされた画像を使用します。
  • 「フレームワーク」関連の CSS ファイルをページ固有の CSS から分離し、それらを 2 つの個別の CSS ファイルとしてバンドルする

問題を再現するには... Firefox 3.5.x または 3.6.x を使用し、次に:

  1. に向かいます: http://my.publisher-subdomain.env.yola.net/
  2. ユーザー名「stack@yola.com」とパスワード「stackoverflow」でログインします。
  3. ログインすると、 http://my.publisher-subdomain.env.yola.net/sites/にアクセスする必要があります。
  4. メイン ナビゲーションの [アカウント] リンクをクリックします。
  5. アカウント ページが読み込まれ、FOUC が表示されます。FOUC が発生しない場合は、キャッシュをクリアしてページをリロードしてください。

あなたの助けは大歓迎です! :)

アップデート:

開発環境では引き続き FOUC が発生しますが、これは FireFox のメモリが不足しているか、多くの拡張機能がインストールされている場合に限られます。遅延とレンダリング速度は、この FOUC の可視性に確実に影響します。

4

2 に答える 2

6

これは非常に古い質問ですが、同じ問題の解決策を探していたときに見つけました。それで、私は将来の参考のために解決策を投稿したかった。CSSファイルへの参照を、ヘッダーに必要な外部Javascriptへの参照の上に移動する必要がありました。

于 2012-02-19T04:55:12.110 に答える
0

私は間違っている可能性がありますが、これは同時接続の問題である可能性があります。私のFirebugの「ネット」タブによると

代替テキスト

HTML ページの読み込みに時間がかかるだけです。開発サーバー上にあるためでしょうか? - スタイル シートは HTML ページの後に読み込まれます。

ここで何が起こっているのかを完全に理解しているとは言えませんが、最初の手段として、スタイル シートを別のドメインに配置してみます。これにより、Firefox はすぐに接続を確立するはずです。

また、data: URI の代わりに通常の画像に戻すこともおそらく良い考えです。これにより、スタイル シートのサイズが小さくなり、data: URI は IE < 8 ではまったく機能しません。

于 2010-09-30T18:58:22.673 に答える