アプリケーションのすべてのページにページ プリローダーを含めたいと考えています。バックグラウンドでページ全体を読み込んでいるときに Gmail が表示するもののようなもの。ページ全体がバックグラウンドで読み込まれ、読み込みが成功すると表示されるときに、プリロードメッセージをすぐに表示するメカニズムだけのプリロードバーは必要ありません。
サイトを例に取ります: http://www.emirates.com/ae/english/任意のフライトを検索してください - ページが読み込まれた後にプリロード メッセージが表示されます。ここにはリダイレクトが表示されません。
これを実装するにはどうすればよいですか - 私のサイトは、php と大量の JavaScript を使用して構築されています。
HTML がプリロード メッセージを書き出すと、JavaScript の onload イベントが設定されます。このイベントは、JavaScript コードを呼び出して、AJAX 経由で必要なデータを読み込み、最後に読み込みメッセージを非表示にして、実際のページを表示します。
もちろん、これは JavaScript を使用していない人が問題を抱えていることを意味します。それらのために何かを整理するか、JavaScript なしで生活できるかどうかを判断する必要があります。
追記: 障害者法なしで生活できるかどうかを判断する前に、自国の障害者法を確認してください。障害者がサイトにアクセスできるようにする法的責任があるかもしれません。私はこの手法を JS に大きく依存しているサイトでしか使用したことがなく、JS なしでは実行できません。注意 GMail には 2 つのインターフェースがあります。1 つは JS で、もう 1 つはプレーンな HTML です。これが、彼らがサービスにアクセスできるようにする方法です。
追加: http://code.google.com/p/bobchess/は、これを行うコードです。読み込みメッセージと、アプリケーションを開始するための onload イベント。
<body> 要素のすべてのコンテンツにラッパー DIV 要素を使用し、CSS 可視性プロパティを介して非表示にします。JavaScriptで作業し、最後にDIV要素を表示しました。DIV 要素が表示されるとき、プリローダーは絶対に配置され、非表示になります。
Visibility プロパティには、値をvisibleに変更するとレイアウトが準備できるという利点があります(プロパティdisplayとは異なります) 。
編集:ほとんどの場合、プリローダーを回避できると思います。インデックスによって SQL クエリを高速化できます。少ない結果などを表示します。私は個人的に待つのが好きではなく、プリローダーはあまり快適ではありません。
MartyIX に同意しますが、問題はシステムが処理できるクエリの数です。インデックス作成はオプションですが、サーバー上のトランザクションの量によって異なります。サイトを美しくするためのプリローダーなので、顧客が待っている間に醜い空白のページが表示されることはありません:)