ページのロード順序制御について

通常のページでは、静的ページでも動的[php]ページでも、ロード順はDOM構造が上から下へロードされますが、順序を調整するためには、一般的にDOM構造の順序を変更し、重要な内容を優先的にロードし、CSSによってレイアウトを変更して視覚的に感じられません.

<div id="d1"></div>

<div id="d2"></div>

　　
例えば、上d 1がd 2より優先する
これも構造が良好かどうかの考慮である.しかし、cssに対する要求は高く、d 2をd 1の上に視覚的に置くことができるわけではない.
第2のスキームは、AJAXを用いて非同期でコンテンツを引き出し、その後、jsは要求の順序を制御し、まずd 1のコンテンツを取得し、詰め込んでからd 2を取得することができる.このシナリオの不足はリクエストが多くなることであり,1つ目のシナリオはhtmlリクエスト1つでよい.2つ目は3つになります.
3つ目の案は、フェイスブックの絶技です.非同期ではなくjsでロード順序を制御します.phpでjsのパラメータとしてコンテンツを生成し,コンテナに詰め込む.例:

        <div id="d1">

         

        </div>

        <div id="d2">

         

        </div>

        <script type="text/javascript">

        //<![CDATA[

        output("d2",content);

        output("d1",content)

        //]]>

        </script>