html - HTMLページの読み込みでCSSが1秒遅れますか？

Question

私はいくつかのhtmlとcssページを作成しようとしています。ページを読み込むたびに。それは常にcssスタイルなしでhtmlページの約0.5秒のフラッシュを私に与えます。なぜそれが起こるのか、そしてそれを修正する方法を知っている人はいますか？前もって感謝します。

解決済み：ありがとうございます。jqueryを一番下に配置するだけで問題が解決します。

score 8 · Accepted Answer

同じ問題を抱えている他の人にとって、私の状況では、遅延はautofocus=""テキスト入力の属性によるものだったので、それを削除して問題を解決しました！

お役に立てれば

score 7 · Accepted Answer

私は次のことを提案します：-

ヘッダーからjqueryを削除し、ページの下部に配置します。
コーディングから余分な空白を削除します。
画像ファイルのサイズを小さくしてください。
可能であれば、多くのスクリプトを1つにまとめてみてください。
不要な要素を削除します。
すべてのスタイルシートを1つにまとめます。ファイルが少なくなり、応答時間が短くなり、読み込み時間が短くなります。
背景画像またはページで使用している画像を最適化して、読み込みを高速化します。
最後に、Gzipを使用してJS、CSS、およびHTMLを縮小します。画像、ビデオ、PDFには絶対に使用しないでください。追加の圧縮は行いませんが、サイズが大きくなる可能性があります。

score 3 · Accepted Answer

ドキュメントのHEAD要素内の1つのLINK要素またはSCRIPT要素だけで、スタイルが設定されていないコンテンツのフラッシュを防ぐことができます。

score 1 · Accepted Answer

頭の中に0のスクリプトタグを入れます

<head>
    <!-- Other head stuff ... -->
    <script>0</script>
</head>

4 に答える 4