HTMLロード後にCSSをロードする

私はhttp://www.anhatweb.tk/web/auth/createというフォームで新しいユーザーを作成しています
しかし、私がページをロードするときはいつでもローダーが来ますが、私はローダーを取り除いてからロードします。私はCSSを最初にロードしてからHTMLをロードできる方法はありますか？
マイコード：HTMLロード後にCSSをロードする

<html lang="en"> 
    <head> 

     <!-- Basic Page Needs--> 
     <meta charset="utf-8"> 
     <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
     <title>ABC</title> 

     <!-- Mobile Specific Metas--> 
     <meta name="viewport" content="width=device-width, initial-scale=1"> 

     <!-- CSS--> 
     <link href="<?php echo base_url(); ?>assets/css/style.css" rel="stylesheet"> 

    </head> 
<body>

出典

2016-10-24 Anhat Singh

可能な複製：http://stackoverflow.com/questions/9550760/hide-page-until-everything-is-loaded-advanced – Daniel

どちらが最初にCSSまたはHTMLを読み込むのですか？ – prasanth

HTMLが最初にロードされます –

cssファイルの場所がHTMLのheadタグ内に格納されているため、CSSがダウンロードを開始する前に、まずHTMLをダウンロードする必要があります。この依存関係の方向性のために、実際にはそれを逆転することはできません。

@ダニエル氏によると、CSSの読み込みが完了するまでは、HTMLを「隠す」ことが最も効果的です。ウェブサイトの多くは、あなたが経験しているnon-cssのフラッシュを避けるためにこれを行います。それはかなり普通です（そして対処するのは面倒です）。

私は、onLoadCompletedが呼び出されるまで要素を隠すだけです。その後もフラッシュが見える場合は、onLoadCompletedにスタイルシートを手動でロードします（非同期ではなく実行時に実行する必要があります）。

出典

2016-10-24 08:04:51 k2snowman69

いいえ、ブラウザがHTMLを取得し、マークアップを解析し、それが外部リソース（CSSやJavaScript）に来るとき、それはこれをロードします。外部リソースを読み込んだ後、ブラウザはマークアップの解析を続けます。

出典

2016-10-24 06:23:04

しかし、これは私の場合では起こっていません...ブラウザはHTMLを完全にロードしてからCSSを実装します –

HTMLロード後にCSSをロードする

答えて

関連する問題