0

ページの例を次に示します。

<html>
    <head>
        <title>WEB PAGE TITLE</title>
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
        <script src="script.js" type="text/javascript"></script>
    </head>
</html>

次のように本文を書き出す方が（パフォーマンス的に）優れているでしょうか。

<body>
    <div id="element"></div>
</body>

または、jQueryに次のように実行させるには：

$(document).ready(){
   $('html').append('<body />');
   $('body').append('<div id="element" />');
};
4

4 に答える 4

4

パフォーマンス上の理由だけでなく、HTMLを直接記述することは常に100％優れています。

厳密に言えば、パフォーマンスについて言えば、ボディを直接書き込むと、ロードがはるかに速くなります。JavaScript（jQueryなど）を使用する場合、ほとんどのHTMLが読み取られるまで処理されないため、（比較的）遅くなります。

また、JavaScriptを使用してそのコンテンツを作成する場合、ユーザーがJavaScriptを無効にしていると、何も表示されません。クールではありません。JavaScriptを追加して機能が利用可能になったときに拡張するよりも、基本的にJavaScriptを使用せずにすべてを基本レベルで機能させるプログレッシブエンハンスメントルートを常に使用する必要があります。

于 2012-12-11T18:23:25.350 に答える
1

もちろん、JavaScript / JQueryがないと、レンダリングは高速になります。また、データは少し少なくなります。

于 2012-12-11T18:24:08.983 に答える
1

ここに必ずしも「正しい」答えがあるとは限りませんが、私は検討します。

ビジネスモデルで必要な場合を除いて、JavaScriptでHTMLを構築することは避けてください（たとえば、Ajaxクエリに応答してDOM要素を構築する）。これの主な理由は、JavaSCriptで構築されたHTMLをサポート/変更することがより難しいことです（通常）。また、ユーザーが何らかの理由でJavaScriptを無効にしている場合はどうなりますか？そのシナリオでは、サイトを可能な限り適切に劣化させることをお勧めします。JSでコア構造を構築している場合、サイトは非稼働状態になります。

それを超えて、単純なDOM構造は、JSに組み込まれているものよりもはるかに高速にレンダリングされます。

乾杯

于 2012-12-11T18:24:11.443 に答える
1

マークアップアプローチの方が高速です。javascriptを解析する必要がないだけでなく、ブラウザはready（）イベントが発生するまで待つ必要はありません。

于 2012-12-11T18:23:29.657 に答える