5

私はしばらくの間javascriptを使用してきましたが、最近、私が好きだと認めるjqueryを使い始めました。 <script type='text/javascript' src='../locationOfJquery/jquery.js'></script> そのページのスクリプトタグでライブラリを使用できるようにします。私が知りたいのは、ページにjqueryコードがない場合でも、スクリプトタグを含めるだけでページの読み込み時間が遅くなるかどうか、またjqueryを使用することのその他の大きな欠点があるかどうかです。

4

3 に答える 3

5
  • ページの下部にスクリプト タグを配置します。これにより、onload イベントが発生する前に DOM の処理が遅くなることはありません。
  • 小さな画像/アイコンと同じくらい小さい jQuery の縮小バージョンを使用します。
  • 訪問者がサイト内の複数のページにアクセスした場合、通常は最初の訪問後にキャッシュされます。また、コンテンツ配信ネットワーク (Google など) を使用している場合は、事前にキャッシュされている (またはよりローカルなサーバーから提供されている) 場合もあります。良い第一印象は重要です。

あなたが持っていたより小さな質問にさらに答えるには：

  • ページに jQuery コードがない場合でも、jQuery を解析する必要があります。Chrome などのプロファイリング ツールを使用して、コンピューターが jQuery を解析するのにかかる時間を確認できます。
  • ページごとに JavaScript を最適化するフレームワークがありますが、それらはスクリプトをキャッシュする機能と高速な解析の利点をトレードオフする必要があります。ほとんどの場合、それらについて心配する必要はありません。jQuery は、他のフレームワークに比べて非常に軽量です。

数字:

たとえば、Chrome で Stackoverflow Web サイトをロードし、Google CDN から jQuery ライブラリを要求すると、結果は次のようになりました。

  • jQuery のダウンロード (おそらくキャッシュ) に費やされた合計時間は 0.027 ミリ秒
  • jQuery の評価とデフォルトの DOM/CSS 操作の実行に費やされた合計時間は 35.992 ミリ秒

もちろん、これはすべて相対的です。このページをロードしたとき、ページ全体のロードに約 630 ミリ秒かかったので、ラグに気付かなかったに違いありません。

于 2012-07-25T19:13:35.840 に答える
2

クライアントは jQuery スクリプト (非常に小さい) をダウンロードする必要があります。さらに最適化するには、 GoogleまたはMicrosoftのホストされた「コンテンツ配信ネットワーク」バージョンを使用できます。また、ダウンロードが高速な縮小版を使用することを忘れないでください。

この記事では、その理由を説明します。

于 2012-07-25T19:21:37.707 に答える
0

使用しない場合は含めないでください。

32,000 円は少額ですが、リクエストがなく、0,000 円の追加料金でダウンロードできる方がよいでしょう。

また、さらに重要なことに、他のフレームワークを使用している場合、他のフレームワークと競合する可能性があります。

于 2012-07-25T19:16:18.663 に答える