Webサイト読み込み時のローディング画面について
http://gimmicklog.main.jp/jquery/278/
上記サイトなどを参考に、ローディング画面を作っているのですが、
jsが使えない環境を考慮し、ローディング画面自体をまずCSSで非表示にし、
その後jQueryで表示している(と思う)のですが、
jQueryが読み込まれる前に、一瞬「ロード後に表示させたい内容」が見えてしまいます。
皆さんはローディング画面をコーディングするとき、
どのようにしているのでしょうか?
よく使うテンプレート的な処理や、ベスト・プラクティスなど教えて頂けますと幸いです。
みんなの回答 3 件
別にjQueryに限らず、CSSでも画像でも回線状況によってはロード後に表示させたい内容が一瞬見える事はあるよ。
絶対にそうしたくないのなら、Ajaxで全部読み込んでから内容を表示するべきだけど、それはSEO的にもよくないし手間だわな。
ま、「気にするな」ってことだ。参考サイトのとおりにしておけばいい。
本体をcssで非表示にさせて、読み込み後にjsで表示させればいいんじゃない?
noscriptの中にcss書いてみるとか。やったことないけど。
関連するトピックス