CSSのロードタイミングの不備が引き起こす、FOUCとは？ - ふろしき Blog
FOUC(Flash of Unstyled Content)とは、Webページへアクセスした直後、CSSによるデザインが有効でないページが一瞬だけ表示される現象のことです。 まず、下の例をご覧下さい。 <!DOCTYPE html> <html> <head> <meta charset="utf8" /> <title>Example</title> <link rel="stylesheet" href="hoge.css" type="text/css" /> </head> <body> ・・・ </body> </html> この例では、CSSの外部ファイルをhead要素内から呼び出しています。この方法はもうずっと昔から守られている伝統で、誰しもが無意識のうちにやっていることでしょう。 しかしCSSの外部ファイル参照は、head要素の外でやっても問題なく動作します。つまり、以下
FOUC問題まとめ - 以下斜め読んだ内容
2008.11.18更新 Surfin’ Safariの記事を再読してみてわかったことを反映 はじめに 旬な話題ではないが、自分がブラウザの読込とかレンダリングを勉強するときに言及されてたので勉強したことをまとめる FOUC is... Flash of Unstyled Content、のこと Flash of unstyled content - Wikipedia CSSが適用されていないコンテンツが一瞬表示されること スタイル適用が中途半端な形で表示されてしまう瞬間・時間帯がある場合もFOUCに含められている模様 レイアウト用のスタイルだけが適用された状態で一瞬表示されて、遅れてタイポグラフィー用のスタイルが適用されること スタイルを指定しているのは、html内でも、cssファイルでもjsファイルでも構わない ページ設計者が意図していない形でページが表示される瞬間・時間帯があること
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
