読み込み時にウェブページが散在して表示されますか？

Question

初めてページを読み込むと、画像が1秒間表示されません（非表示のように）。ページの構造がばらばらに見えるようになります。リフレッシュした場合は問題ありません。これを解決できる修正がありますか？

Answer 1

画像に問題がある場合は、<img>タグの属性heightとを使用して、画像のサイズをブラウザに伝えることができます。これにより、すべてのコンテンツを読み込む前に、すべてのコンテンツを正しく配置することができます。

編集：他の誰かがCSSを提案し、私はCSSからheightとwidthディレクティブを使用すると、あなたの<img>タグの同じ属性を使用するのと同じ結果を与えると確信していますが、画像やAに厳密にあなたを制限するものではありません。使用する可能性のあるmarginまたはpaddingディレクティブでよりうまく再生されます。

Answer 2

はい、いずれも非常に単純です。最も簡単な方法の1つは、すべてがロードされるまでdivなどのページを非表示にすることです。

Answer 3

これは、HTMLが負荷がかかる前にレイアウトする方法です。ロード中に何がロードされているかを表示します。要素が読み込まれると、HTMLの寛容さに対応するために、要素をプッシュすることができます。

ページを読み込み中に「正しく」ロードしてから、CSSレイアウトを調べる場合は、

データが既にコンピュータにキャッシュされていて読み込みがはるかに高速であるため、リフレッシュ時に正しく表示されます。

Answer 4

はこれを試してみてください。

<script type="text/javascript"> 
window.onload = function() { 
    document.body.style.display = 'none'; 
    document.body.style.display = 'block'; 
}; 
</script>