私たちが取り組んでいる新しいリリースのために、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 を使用し、次に:
- に向かいます: http://my.publisher-subdomain.env.yola.net/
- ユーザー名「stack@yola.com」とパスワード「stackoverflow」でログインします。
- ログインすると、 http://my.publisher-subdomain.env.yola.net/sites/にアクセスする必要があります。
- メイン ナビゲーションの [アカウント] リンクをクリックします。
- アカウント ページが読み込まれ、FOUC が表示されます。FOUC が発生しない場合は、キャッシュをクリアしてページをリロードしてください。
あなたの助けは大歓迎です! :)
アップデート:
開発環境では引き続き FOUC が発生しますが、これは FireFox のメモリが不足しているか、多くの拡張機能がインストールされている場合に限られます。遅延とレンダリング速度は、この FOUC の可視性に確実に影響します。