3 つの css ファイルと 7 つの javascript ファイルをロードするモバイル アプリケーションを開発しました。問題は、Wi-Fi 信号が非常に遅い場合、すべての JavaScript とスタイルシートが読み込まれる前に HTML が読み込まれることです。スタイルシートがロードされていないため、HTML が乱れたように見え、数秒後 (css と js が適切にロードされた後だと思います)、HTML 構造は自動的に正しい形式になりますが、乱れた形式を表示したくないので、確認する必要があります。すべての js ファイルが最初に読み込まれ、次に HTML のみが表示されます。
これをどのように達成できるか考えている場合はどうすればよいですか?
キャッシュ マニフェストを使用して実行できます。次のリソースをお読みください。
または、リソースを適切な場所 (head タグ) に配置して、本文の前にリソースが読み込まれるようにします。
次のように、ヘッダーの Web ページの上部にある外部 CSS スタイルシートにリンクする必要があります。
<link rel="stylesheet" type="text/css" href="http://whiterootmedia.com/css/example.css" />
または<style>ヘッダーに要素を挿入します。同様に、初期レイアウトに影響する場合は、JavaScript に対してもこれを行う必要があります。外部 JS ファイルを使用している場合、ブラウザは、外部 JavaScript ファイルが参照されているコード内のポイントでページのレンダリングを停止し、その外部 JavaScript ファイルをロードすることに注意してください。多くの JavaScript を使用している場合は、ページの下部に配置するか (ほとんどの人が行うこととは異なります)、onload()関数を使用します。
Web ページは上から下にロードされるため、発生している問題は CSS の順序に関連しているはずです (ほとんどの場合)。